Веб-виджет
 | В этой статье есть несколько проблем. Пожалуйста, помогите улучшить его или обсудите эти проблемы на странице обсуждения . ( Узнайте, как и когда удалять эти шаблонные сообщения )
|
— Веб-виджет это веб-страница или веб-приложение , встроенное как элемент главной веб-страницы, но по существу независимое от главной страницы, имеющее ограниченное взаимодействие с хостом или вообще не взаимодействующее с ним. [1] Веб-виджет обычно предоставляет пользователям главной страницы доступ к ресурсам с другого веб-сайта, контенту, доступ к которому главной странице может быть запрещен политикой браузера того же происхождения поставщика контента или политикой CORS . Этот контент включает в себя рекламу ( Google 's AdSense ), спонсируемые внешние ссылки ( Taboola ), [2] комментарии пользователей ( Disqus ), [3] кнопки социальных сетей ( Твиттер , [4] Facebook ), новости ( USA Today ), [5] и погода ( AccuWeather ). [6] Однако некоторые веб-виджеты служат в качестве выбираемых пользователем настроек самой хост-страницы (Elfsight, Powr, OpenWidget ).
Технология
[ редактировать ]Виджеты можно рассматривать как загружаемые приложения, которые выглядят и действуют как традиционные приложения, но реализованы с использованием веб-технологий, включая JavaScript , HTML и CSS . Виджеты используют и зависят от веб- API, предоставляемых браузером или механизмом виджетов, таким как Akamai, Clearspring , KickApps , MassPublisher, NewsGator или многими другими.
Такие сайты, как FormLoop, позволяют пользователям легко создавать виджеты из собственного контента без необходимости знания программирования.
Использование в социальных сетях
[ редактировать ]Конечные пользователи в основном используют виджеты для улучшения своего личного взаимодействия с Интернетом или взаимодействия посетителей с их личными сайтами.
Использование виджетов становится все более популярным: пользователи социальных сетей могут добавлять автономные приложения в блоги, профили и страницы сообществ. Виджеты добавляют полезности так же, как и приложения для iPhone. Разработчики этих виджетов часто предлагают их в качестве спонсируемого контента, который может окупить затраты на разработку, когда полезность виджетов соответствует потребностям пользователя таким образом, что выигрывают обе стороны. Например, бренд спортивных новостей может получить известность и увеличить долю аудитории в обмен на возможность мгновенного и динамического доступа к текущим результатам игр - блог, в котором размещен виджет спортивных результатов, может выиграть от наличия более липкого сайта.
Видеоплатформы, такие как YouTube и Dailymotion, поддерживают встраивание видео на основе iframe . [7] [8]
Соображения безопасности
[ редактировать ]Как и любой программный код, виджеты могут быть использованы во вредоносных целях. Одним из примеров является виджет Facebook «Secret Crush», о котором в начале 2008 года компания Fortinet сообщила как заманивающий пользователей для установки Zango рекламного ПО . [9]
Одним из важных факторов, связанных с виджетами на стороне клиента, является то, что хост часто не может контролировать контент. Содержимое или предоставляемые им функции не могут быть изменены хостом. Контент предварительно публикуется издателем/автором/поставщиком услуг, и хост может либо принять этот контент, либо не использовать виджет. Однако хост контролирует размещение виджета. Поскольку хост всегда может отключить виджет, это обеспечивает большую взаимную выгоду и удовлетворение производительностью и контентом.
SEO соображения
[ редактировать ]Веб-виджеты могут влиять на рейтинг страницы двумя способами. Во-первых, ссылки, генерируемые виджетами на стороне клиента, не будут видны поисковым системам, которые не «запускают» код виджета перед анализом страницы. Эти ссылки не будут способствовать повышению рейтинга страницы. [10] Во-вторых, страницы могут быть наказаны за размещение виджетов, которые автоматически размещают ссылки на странице, тем самым манипулируя рейтингом страницы. [11]
Соображения доступности
[ редактировать ]Веб-виджеты — это сложные элементы управления пользовательского интерфейса. ВАИ-АРИЯ [12] — это технология, которая может улучшить удобство использования и доступность таких виджетов путем добавления дополнительной семантики, которую браузеры и вспомогательные технологии могут распознавать и использовать для облегчения взаимодействия пользователей. Например, виджет панели вкладок должен содержать определенный набор ролей (т. е. список вкладок, вкладка, панель вкладок и т. д.). [13] и должен следовать определенным взаимодействиям (например, навигации с помощью клавиатуры). [14]
Системы управления виджетами
[ редактировать ]Системы управления виджетами предлагают метод управления виджетами, который работает на любой веб-странице, например в блоге или домашней странице социальной сети. Многие системы блогов поставляются со встроенными системами управления виджетами в виде плагинов. Пользователи могут получать виджеты и другие инструменты управления виджетами от различных компаний, производящих виджеты.
Мобильный веб-виджет
[ редактировать ]Виджет «Мобильный веб-сайт» имеет ту же цель и функцию, что и веб-виджет, но он предназначен для использования на мобильном устройстве, например мобильном телефоне или планшете. Напротив, веб-виджет находится на персональном компьютере или ноутбуке.
Стандарты
[ редактировать ]W3C создает набор стандартов для веб-виджетов. [15]
Ссылки
[ редактировать ]- ^ Брэд на CD Baby (28 августа 2012 г.). «Виджеты веб-сайтов: что это такое и зачем они мне?» . Блог HostBaby . Архивировано из оригинала 24 августа 2019 г.
Виджеты: это те маленькие штуковины, которые вы видите на веб-сайтах, часто на боковой панели, которые выполняют одну простую функцию и не занимают при этом много места.
{{cite web}}: CS1 maint: неподходящий URL ( ссылка ) - ^ «Виджеты — Справочный центр Taboola Publisher» . taboola.com .
- ^ «Веб-интеграция» . disqus.com .
- ^ «Как добавить кнопку Твитнуть на свой сайт» . Твиттер.com .
- ^ «Виджеты USATODAY.com» . usatoday.com .
- ^ «Бесплатный виджет текущей погоды» . Accuweather.com .
- ^ «Вставка видео и плейлистов – Cправка YouTube» . support.google.com . Проверено 17 апреля 2021 г.
- ^ «Вставка видео» . Справочный центр Dailymotion .
- ^ «Межсетевое взаимодействие, безопасность, безопасность и многое другое» . Блог.anta.net. Архивировано из оригинала 5 июня 2013 года . Проверено 7 сентября 2013 г.
- ^ Трощей, Ярри (18 февраля 2016 г.). «Как веб-виджеты влияют на SEO» . Южное побережье Веб-дизайн, ООО . Проверено 18 февраля 2016 г.
- ^ «Напоминание о ссылках виджетов» . Официальный блог Центра веб-мастеров Google . 8 сентября 2016 г.
- ^ «Основы WAI-ARIA» . Веб-документы MDN . 12 сентября 2023 г.
- ^ «ARIA: роль вкладки» . Веб-документы MDN . 12 апреля 2023 г.
- ^ «Взаимодействие с клавиатурой» . W3.org .
- ^ «Виджеты рабочей группы веб-приложений: семейство спецификаций» . W3C . Проверено 27 марта 2013 г.
Дальнейшее чтение
[ редактировать ]- Раджеш Лал; Разработка веб-виджета с использованием HTML, CSS, JSON и AJAX ( ISBN 9781450502283 )
- Сойлу А., Вильд Ф., Модришер Ф., Десмет П., Верлинде С., Де Каусмекер П. (2011). Мэшапы и оркестровка виджетов. Международная конференция по управлению возникающими цифровыми экосистемами, MEDES 2011. Сан-Франциско, Калифорния, США, 21–24 ноября 2011 г. ACM.