Похоже, вы новичок на сайте.
Чтобы быстрее понять, о чём здесь идёт речь, советую почитать:
что такое виджеты,
чем они хороши
и каковы их перспективы.
Это сообщение показывается только один раз. Такие же ссылки вы можете найти в правой колонке, в блоке "Рекомендую прочесть"
Авг 26

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

Это хорошо понимают в редакции глянцевого интернет-журнала о гаджетах для гиков 4geeks.ru, для которого я сделал пакет из четырёх виджетов, отображающих анонсы последних новостей:

1. Flash-виджет для сайтов и социальных сетей

Может вставляться в блоги на популярных платформах (LiveJournal, LiveInternet), обычные сайты и на FaceBook.com.

2. Статический виджет-картинка

Идеальный вариант для форумов и прочих сервисов, где вставка Flash невозможна.

Далее...

3. Гаджет для Windows Vista

Изящная иконка на боковой панели по клику разворачивается в окно просмотра.

Гаджет для Vista 4geeks.ru

4. Виджет для для Mac OS X

В двух вариантах, адаптированных под разные версии операционной системы.

Виджет для Mac OS X 4geeks.ru

Получить любой из этих виджетов можно здесь: http://www.4geeks.ru/widget/

Share Button
Что вы об этом думаете?

Мар 24

Один из типов сайтов, где веб-виджеты могут оказаться особенно полезны — это интернет-магазины. С помощью виджетов можно

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

Как? Поделюсь парой идей.
Сразу предупрежу, что всё сказанное будет относится к магазинам, работающим с потребительскими товарами. Если вы продаёте электрогенераторы для буровых установок или минеральные удобрения, навряд ли виджеты вам помогут. А вот если бытовую, фото- и видео- технику, книги или даже компьютерные игры, стоит поразмыслить на эту тему.

Самое простое — сделать виджет для вставки в блог с информацией о товаре. Я вообще не понимаю, почему этого никто не делает: на Яндекс.Маркете такая функция есть уже с год, а в интернет-магазинах ещё ни разу не видел. С технической точки зрения это реализовать достаточно просто, никакая последующая поддержка не требуется, а пользы может принести достаточно много.
Как это выглядит? Просто кнопка на странице с описанием товара: «Код для вставки в блог», а при клике на неё появляется текстовое поле с кодом, который пользователь может скопировать себе. В коде может содержаться ссылка на изображение товара, название модели, название магазина и ссылка на страницу описания.

Веб-виджет на Яндекс.Маркете

Например, приходит человек к вам на сайт и видит Фотоаппарат Своей Мечты. Купит он его или не купит — вопрос отдельный. Но ему в любом случае захочется поделиться впечатлением с друзьями.
Он видит код для вставки и копирует его в запись своего блога

веб-виджет в блоге

Таким образом, вы получаете:

  1. бесплатную рекламу по «сарафанному радио»
  2. ссылку на свой сайт для SEO
  3. новую «фишку» для пользователей, которой нет у конкурентов.

Причём теперь даже те посетители, которые у вас ничего не покупают, смогут принести пользу магазину, рекламируя его!

Способ посложнее — сделать на основе магазина вишлист (список желаний).

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

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

Ну и наконец, интеграция с социальными сетями. Тут открываются действительно огромные возможности, потому что каждый пользователь соцсети — это не анонимный посетитель, а человек, о мы можем кое-что узнать: чем он интересуется, с кем дружит, чем интересуются его друзья, сколько ему лет и т.д. И на основе этого интернет-магазин уже может находить к нему индивидуальный подход.
Например, можно давать персональные рекомендации в выборе товара: на сайте книжного магазина пользователь вводит свой ник LiveJournal,  система делает запрос к социальной сети, получает список его интересов. И если он интересуется психологией, предлагает на выбор новинки из раздела «Психология», а если гладиолусами, то из раздела «Садоводство». Конечно же, предлагая для результатов ещё и код вставки в блог, чтобы новость о сервисе распространялась и дальше: как показывает моя практика, при правильном запуске, посещаемость сервиса для соцсети легко может достигать нескольких тысяч человек в сутки.

Как считаете, оправдают ли себя такие подходы или наткнутся на какие-нибудь «подводные камни»?

Share Button
Комментировать (14)

Фев 8

yahoo! pipesСегодня я покажу, как самому за 15 минут сделать простой веб-виджет, расскажу, как его можно использовать, а заодно познакомлю вас с интересным сервисом Yahoo! Pipes. Создание этого виджета потребует минимальных знаний веб-технологий: хватит начального уровня HTML и JavaScript.

Если говорить в общем, Yahoo! Pipes — это сервис для получения и обработки данных с веб-сайтов. Создаём новую «трубу», задаём источник данных (например, URL RSS-ленты), указываем, что с этими данными надо делать (фильтровать, преобразовывать), а на выходе получаем результат. Причём всё это делается с помощью простого графического интерфейса. В технические подробность углубляться не буду: благо, в Рунете об этом уже много написано. Самое интересное для нас — это то, что Yahoo! Pipes позволяет получить результат не только в виде RSS или JSON, но и в виде практически готового виджета.

Итак, поехали!
Читать далее

Share Button
Комментировать (11)

Фев 7

color and motionЗаканчивая обзор технологий разработки веб-виджетов, расскажу о самых «мощных» из них.

HTML+JavaScript+серверный язык (например, PHP).

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

Плюсы:

  • максимальная гибкость и интерактивность, можно реализовать самые смелые идеи

Минусы:

  • трудоёмкость разработки
  • при большой популярности виджета, особенно если он требует много ресурсов для обработки данных, может сильно возрастать нагрузка на сервер

Где можно использовать:

  • где угодно. Такие виджеты — уже практически полноценные веб-приложения, и их можно применять для самых разных задач.

Flash или Silverlight (+ сервер)

С помощью Adobe Flash делаются самые красивые виджеты, и самые технически сложные: например, всем знакомая вставка видео с YouTube. Сейчас набирает обороты конкурент Flash — технология Microsoft Silverlight. И хотя виджетов на ней я пока не встречал, уверен, скоро они начнут появляться.
Распространяться такие виджеты могут везде, где разрешена вставка Flash, а в некоторых случаях эта технология является вообще единственным вариантом: например, только с её помощью можно создавать приложения Вконтакте.

Плюсы:

  • большие возможности для дизайнеров
  • облегчается реализация технически сложных функций

Минусы:

  • трудоёмкость разработки
  • виджеты часто получаются «тяжёлыми», медленно загружаются

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

  • Sprout — мощный редактор. К сожалению, с февраля становится полностью платным и с русским языком не умеет работать абсолютно.
  • Widgetbox — позволяет легко делать несколько типов виджетов. Например, вот я буквально парой кликов сделал виджет для показа RSS своего блога:

Но увы, интерфейс этого виджета не русифицирован, местами слетает кодировка, а механизм распространения «заточен» под западные социальные сети. Так что полноценно использовать его в Рунете не получится. Хотя, например, в качестве элемента дизайна блога (показывать в сайдбаре анонсы постов) или в качестве рекламы блога на других своих площадках — почему бы и нет.

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

Янв 28

Перейдём к динамическим виджетам и рассмотрим ещё пару технологий.

HTML+JavaScript (формируются статически)

Статически — в смысле, каждый пользователь виджета получает один и тот же код, и его содержимое впоследствии не меняется.

Тут, на мой взгляд, ничего особо интересного нет: добавляя JS, мы придаём немного больше интерактивности нашему виджету (переключение закладок, всяческие таймеры и всплывающие окошки), но при этом сильно ограничиваем его распространение. Дело в том, что многие сервисы хостинга блогов, и уж тем более форумы, в целях безопасности не разрешают пользователям вставлять JavaScript. Поэтому такие виджеты будут работать, в основном, на автономных блогах, личных сайтах или на каких-то определённых страницах (например, в профиле пользователя LiveJournal, но не в его постах). Да и чтобы сделать что-то завлекательное на одном только JavaScript и HTML, надо постараться.

У меня пока есть только одна идея, как это можно использовать: счётчики. Например, организуете вы конкурс, который должен начаться через 14 дней. Делаете виджет с надписью «До начала мегаконкурса осталось:  столько-то часов-минут-секунд», на котором тикает время в обратную сторону, вешаете у себя в блоге и предлагаете посетителям тоже повесить на своих блогах. Постоянно тикающий таймер будет подогревать аудиторию ничуть не хуже зажигательных постов, и вам для этого ничего не надо будет делать.

Микросайтинг

Очень интересная технология, которую нельзя не упомянуть. Интересная своей простотой, изяществом и «живучестью».

Придумал её Дамир Ramainen ainu Фахрутдинов, и началось всё с этого поста (по крайней мере, это первое упоминание, которое мне известно).

В чём «фишка». Микросайт — это маленький самостоятельный сайт, встраиваемый в код другого, «большого» сайта. Код его представляет собой только ссылки и картинки, чем и объясняется «живучесть»: такой сайт-виджет можно разместить мало того что на любом блоге, но даже в подписи на форуме, где кроме BB-кодов вставлять ничего не разрешается.

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

Плюсы:

  • такой виджет может внедряться куда угодно, где можно вставлять картинки и ссылки
  • контроль над виджетом в ваших руках: вы можете изменить дизайн или даже отключить показ виджета везде, где он уже установлен

Минусы:

  • При клике по ссылке микросайта происходит перезагрузка страницы (есть варианты без перезагрузки, но они используют JavaScript)
  • Улучшение дизайна — несколько более трудоёмкий процесс по сравнению с HTML

Где это можно использовать?

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

У меня есть мысль на этой технологии построить игру для блоггеров. Например, крестики-нолики. Представьте: блоггер вставляет картинку с клеткми 3х3 в конец поста. Первый читатель, который видит эту картинку, кликает на клетку — там ставится крестик и его видят остальные читатели. Потом ходит автор поста, а все остальные ждут, пока он поставит свой нолик, после чего ходить уже может другой читатель, и так далее. Этакое интеллектуальное соревнование между автором и аудиторией. Как считаете, это было бы интересно?

Share Button
Комментировать (6)

Стр. 1 из 212