Рассмотрим, какие бывают веб-виджеты с точки зрения технологий, какие у них есть плюсы и минусы,  и для чего каждый вид можно применять. Сначала я думал описать все технологии в одном посте, но потом понял, что он получится слишком большим. Поэтому

Начнём со статического HTML.

Это просто HTML-код, который вставляется на страницу, и впоследствии уже не меняется. В таком виде, например, по блогам расходятся результаты тестов и анонсы новостей с новостных сайтов. Если вы видите на сайте текст «Код для вставки в блог», в 90% случаев это окажется статический HTML-виджет.

Дороги Москвы будут поливать горячими реагентами

Мэр Москвы Юрий Лужков предложил новое средство для борьбы с гололедицей на столичных магистралях. Как сообщил РБК заместитель руководителя Федеральной службы по надзору в сфере природопользования (Росприроднадзор) Олег Митволь, вопрос о применении антигололедных реагентов был рассмотрен на совещании в правительстве столицы. Ю.Лужков предложил применить в столице технологию подогрева жидких реагентов. По мнению градоначальника, эта технология гораздо действеннее и экономнее, чем традиционные средства. Для обработки магистралей…Читать далее > РБК. Москва

Плюсы:

• поддерживается всеми платформами: от сайтов до бесплатных блогохостингов и форумов;
• как правило, содержит прямо в коде ссылку на ваш сайт, что положительно сказывается с точки зрения SEO. Например, мой http://123lj.ru получил за 5 месяцев существования тИЦ 50 и PR 5 исключительно за счёт ссылок из виджетов в LiveJournal (причём, не все ссылки из виджетов ведут напрямую на этот домен: некоторые ведут на старый, где виджет жил вначале).
• самый «дешёвый» вариант с точки зрения разработки: на его реализацию требуется меньше всего времени.

Минусы:

• никакого интерактива
• контроль за виджетом полностью переходит в руки пользователя

Где можно применять:

• новостные сайты
• тесты и другие подобные сервисы, результатами работы которых пользователь может захотеть поделиться со знакомыми
• интернет-магазины
• любые другие сайты, предоставляющие информацию, которая со временем не перестаёт быть верной. Например, если у вас есть сайт о кино, можно сделать вставку кода с афишей и кратким обзором фильма: любители писать рецензии будут растаскивать их с удовольствием

Насчёт интернет-магазинов могу рассказать поучительный эпизод. Несколько лет назад, работая работая в одном из них, я предложил публиковать на сайте к каждому товару код для вставки в блог. Такого тогда никто на рынке не делал, руководство идею проигнорировало, коллеги только похихикали. А какое-то время спустя я обнаружил, что такая фишка появилась на Яндекс.Маркете (ссылка в правой колонке).

Sony-Ericsson XPERIA X1 — описание и цены на Яндекс.Маркете

Но интернет-магазины до сих пор не спешат внедрять эту возможность, так что если у вас есть магазин, поспешите: ещё остался шанс одним из первых начать пиариться в блогах с минимальными затратами. Согласитесь: если так делает Яндекс, значит в этом что-то есть.

И ещё небольшое замечание. При разработке cтатических виджетов с относительно сложным дизайном, необходимо обязательно проверять, насколько корректно они отображаются разных сервисах хостинга блогов: могут возникать проблемы с переводами строк и стилями. Впрочем, к остальным HTML-виджетам это тоже относится.

Продолжение следует.

Комментировать (2)

Почему виджеты так хороши, что удостоились отдельного блога?
Чем они удобны и приятны владельцам сайтов, маркетологам и пользователям?
В чём их плюсы и почему стоит подумать о том, чтобы ими пользоваться?

Давайте разберёмся.

Плюсы для владельцев сайтов-поставщиков виджетов

1. Дополнительный источник посетителей с других сайтов, разместивших виджет. Например, если вы управляете сайтом кинотеатра, сделайте информер с расписанием сеансов. Пользователи будут смотреть расписание на других сайтах, а за рецензиями и трейлерами приходить по ссылкам к вам.
2. Большая узнаваемость вашего сайта: его логотип красуется на виджете.
3. Имидж инновационной компании, которая заботится о пользователях и предлагает им самые современные услуги.
4. Пользователь остаётся с вами, путешествуя по просторам Сети, а в случае виджетов для рабочего стола – даже закрыв окно браузера.

Плюсы для владельцев сайтов, размещающих виджеты

5. Расширение функционала. Если у вас сайт об инвестициях, разместите сбоку информеры с курсами валют и акций, наиболее интересных вашим посетителям: тогда, возможно, им не придётся искать эти данные на каких-то других ресурсах.
6. При правильном подборе виджетов можно обычный сайт превратить в небольшой портал: пользователь будет получать всю нужную информацию, не покидая его.
7. И главное – простота внедрения. Для того чтобы разместить виджет, требуется обычно всего лишь скопировать кусок кода.

Плюсы для рекламодателей и маркетологов

С помощью виджетов можно продвигать ваши продукты, услуги и сайты. Это называется «виджет-маркетинг», и он может принимать самые разные формы: от брендирования игр до разработки виджетов по подбору товаров из вашего каталога. Какие здесь есть преимущества?

8. Вирусность. Виджеты легко переносятся с сайта на сайт, поэтому хорошо продуманный виджет моментально расходится по социальным сетям и блогам.
9. Низкая стоимость владения. Раз сделав виджет, вы можете перестать о нём думать: главное – оставьте сылку на него на видном месте, и пользователи сами будут его распространять.
10. Виджеты полезны пользователям и не вызывают раздражения, в отличие от баннеров. В глазах пользователя вы превращаетесь из продавца, который пытается что-то «впарить», в друга, который делает полезный подарок.

Плюсы для пользователей

11. Виджеты дают им новые возможности при работе с любимыми сайтами.
12. Позволяют получать самую важную информацию, не отвлекаясь на остальное. Например, чтобы посмотреть прогноз погоды на сайте, надо открыть браузер, набать адрес, дождаться загрузки баннеров и выделить блок прогноза из нагромождения рекламных ссылок. А чтобы посмотреть прогноз в десктоп-виджете, достаточно кликнуть на его значок мышью.
13. И наконец, виджеты – это просто весело.

Комментировать (3)

Прежде чем о чём-то рассуждать, надо договориться об определениях. Виджеты – очень многозначное понятие: Википедия знает 13 значений, и 5 из них относятся к компьютерам.

Если попытаться дать общее определение тому, о чём будет идти речь на страницах блога, то можно сказать, что

Виджет

- это небольшой независимый программный модуль, работающий в некоторой среде (напр. сайте, браузере, мобильном телефоне) и исполняющий, как правило, одну определённую функцию.

Звучит заумно? Ничего страшного, сейчас станет понятнее.

Виджеты можно разделить на группы по среде, в которой они работают. Рассмотрим пока два вида: веб-виджеты и виджеты для рабочего стола.

Веб-виджет (web widget)

- это кусок кода, который может быть встроен пользователем в любую HTML страницу и использоваться без значительной модификации. Как правило, при создании веб-виджетов используются технологии DHTML, JavaScript и Adobe Flash

Вы когда-нибудь видели на страницах сайтов и блогов блоки, показывающие погоду, курсы валют, видеоролики с YouTube или результаты теста, пройденного владельцем блога? Наверняка видели, и даже использовали сами. Вот это и есть самые распространённые примеры веб-виджетов.
Веб-виджеты также иногда называют гаджетами, информерами, а на английском gadget, badge, module, webjit, capsule, snippet, mini или даже flake.

Веб-виджеты можно условно разделить на интерактивные (такие, с которыми пользователь может как-то взаимодействовать: например, отправлять SMS или искать маршрут на карте) и неинтерактивные (такие, содержимое и работа которых не зависит от действий пользователя, просматривающего страницу). Неинтерактивные виджеты ещё часто называют информерами.

Т. о.

Информер

- это неинтерактивный веб-виджет, т.е. такой, контент которого не зависит от действий пользователя.

Классический пример информера – погодный информер (на погоду в Москве может повлиять только Лужков перед парадом Победы):

Десктоп-виджеты (desktop widget) или виджеты для рабочего стола

- это небольшие инструменты (программы), выполняющие какую-то одну функцию и требующие для своей работы специальной среды – виджет-движка (widget engine)

Десктоп-виджеты могут показывать прямо на рабочем столе вашего компьютера последние новости, слайдшоу из фотографий, позволять делать заметки на виртуальных стикерах, вести учёт рабочего времени и многое другое.

При создании виджетов для рабочего стола используются самые разные технологии: от HTML и JavaScript до С++. Очень часто десктоп-виджеты используются для того чтобы показывать на рабочем столе информацию с какого-нибудь сайта (например, тот же прогноз погоды) без помощи браузера.

Примеры десктоп-виджетов:

• Виджеты Apple Dashboard (именно от них, как утверждается, ведут свою историю десктоп-виджеты)
• Yahoo! Widgets
• Гаджеты в Windows Vista
• Гаджеты Google Desktop
• Виджеты Operа
• Плазмоиды в Plasma (KDE)

Внешний вид виджетов и технологии реализации могут быть самым разным, но их объединяют относительная простота разработки и использования, привлекательный дизайн и фокусирование на одной функции. В следующих постах я расскажу об этом подоробнее.

Иллюстрации: juanpol, Taller Hikari

Комментировать (69)