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

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

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

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

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

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

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

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

Share Button

Янв 27

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

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

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

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

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

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

Ю.Лужков предложил применить в столице технологию подогрева жидких реагентов. По мнению градоначальника, эта технология гораздо действеннее и экономнее, чем традиционные средства. Для обработки магистралей…Читать далее >

РБК. Москва

Плюсы:

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

Минусы:

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

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

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

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

Sony-Ericsson XPERIA X1

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

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

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

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

Share Button

Янв 21

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

Социальные сети охватили почти всех пользователей Рунета. Практически каждый зарегистрирован на Одноклассниках, Вконтакте, LiveJournal, LiveInternet или на Mail.ru. Новые социальные сети делать не рентабельно: на них сложно перетянуть пользователей. А старым надо как-то имеющихся пользователей развлекать, поэтому они будут давать сторонним разработчикам возможность делать и распространять виджеты. Выигрывают от этого все: сеть бесплатно получает программы, удерживающие в ней пользователей, а разработчики — мощный канал распространения их виджетов.

Интернет «расползается» по альтернативным платформам: он уже есть не только в персональных компьютерах, но и в коммуникторах, телефонах, телевизорах, игровых приставках. Поставщики контента будут стараться пробраться на эти платформы, а изготовители платформ — облегчать им эту задачу. Например, в этом году выйдет телевизор Samsung со встроенными Yahoo! Widgets.

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

Платформы для виджетов встраиваются в операционные системы. Платформа — это специальная программа, среда, необходимая для работы десктоп-виджетов. На Mac есть Dashboard, в Linux — Plasma, в Windows Vista появился Sidebar. Когда на каждую Windows-машину можно будет устанавливать виджеты одним кликом, уже ни один владелец сайта не сможет их игнорировать. Плюс, это уменьшит сложности с несовместимостью технологий разработки виджетов.

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

И наконец, давайте взглянем на запад. В англоязычном интернете этот бум уже идёт: например, там уже есть компании, занимающиеся исключительно разработкой виджетов для социальных сетей (взгляните хотя бы на http://www.facebookster.com/). Западные издания ещё в 2006 году прогнозировали, что 2007 год станет годом виджетов. А так как Рунет отстаёт в своём развитии на несколько лет, то мы имеем возможность заглянуть в будущее: тенденции большого интернета проявляются у нас с задержкой. А заглянув, учесть и начать готовиться к наступающим переменам уже сейчас.

Share Button

Янв 20

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

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

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

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

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

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

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

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

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

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

  1. Виджеты дают им новые возможности при работе с любимыми сайтами.
  2. Позволяют получать самую важную информацию, не отвлекаясь на остальное. Например, чтобы посмотреть прогноз погоды на сайте, надо открыть браузер, набать адрес, дождаться загрузки баннеров и выделить блок прогноза из нагромождения рекламных ссылок. А чтобы посмотреть прогноз в десктоп-виджете, достаточно кликнуть на его значок мышью.
  3. И наконец, виджеты — это просто весело. ;)
Share Button

Янв 19

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

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

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

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

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

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

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

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

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

Т. о.

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

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

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

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

Yahoo! Widgets на рабочем столе

Yahoo! Widgets на рабочем столе

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

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

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

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

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

Share Button

Стр. 3 из 3123