View
333
Download
8
Category
Preview:
Citation preview
Виджеты на главной странице Яндекса
twitter — #yandexkz
Вера Лейзеровичveral@yandex-team.ru
Главная страница – много Трафика
2
Ежедневно главную страницу посещают 70 млн. хитов
Яндекс.Новости2.5 млн. переходов в день
Яндекс.Телепрограмма400-600 тыс. переходов в день
Виджеты везде!
3
Что такое виджет?
4
Виджет –обычный HTML на вашем сайте
Как его сделать?
5
Кабинет разработчиков http://wdgt.yandex.ru
Каталог виджетов
6
Региональная программа
7
Кабинет разработчиков http://wdgt.yandex.ru
Региональная программа
8
Партнерская программа между Яндексом и
интернет-площадками.
Могут участвовать виджеты любой страны,
области, края и города.
Требования к содержанию
9
Региональный контент
Региональный контент
Региональный контент
Региональный контент
Региональный контент
Региональный контентРегиональный контент
Региональный контент
Региональный контент
Региональный контент
Региональный контент
Региональный контент
Требования к содержанию
10
• Соответствие законодательству
• Отсутствие контента 18+
• Отсутствие ненормативной лексики.
• Отсутствие рекламных материалов.
• Выполнение технических требований и гайдлайнов(требований к внешнему виду)
Требования к содержанию
11
• Шрифт Arial или Verdana
• Цвета текста и ссылок как на Яндексе
• Работает во всех популярных браузерах
• Без рекламы внутри
• Popup, alert и т.п.
• Прозрачный фон
• Без лишних отступов по краям
Как придумать и правильно сделать виджет
Виджет должен быть уникальным
13
Виджет должен быть уникальным
14
Виджет должен быть удобным
15
Виджет должен быть удобным
16
Виджет должен быть информативным
17
Виджет должен быть информативным
18
Виджет должен привлекать
19
Типичные ошибки разработчиков
Технические ошибки
21
• Непрозрачный фон
Не забудьте прописать body background:transparent;}
Легко проверить в режиме редактирования страницы в IE
• Вертикальный скролл
Не забудьте использовать функцию adjustIFrameHeight()
• Лишние отступы внутри виджета
Не забудьте указать body {margin:0px;}
и постарайтесь убрать иные отступы
Технические ошибки
22
• Ссылки на сайт открываются внутри виджетаПроставляйте для ссылок на сайт target=_blank
• Нечитаемые шрифтыИспользуйте рекомендуемые шрифты и размеры
• Слишком «высокий» виджетОптимальная высота не более 100-200 px
• Битая кодировкаПомните: кодировка должна быть UTF-8
Как создать виджетконструкторы виджетов
Как выбрать нужный
24
Если у вас есть RSS, но нет ресурсов для разработки – вам
подойдет RSS-конструктор
Если у вас нет хостинга и вы планируете ограничиться HTML и
JavaScript , вам подойдет Быстрый старт
Для функционального виджета без возможности настройки нужно
использовать конструктор IFRAME. Но у вас должен быть
хостинг
Для полноценного виджета с настройками вам нужно загрузить
XHTML описание виджета
Быстрый старт
25
Просто вставьте содерижимое тега <body> в соответствующее поле, включая JavaScript
RSS виджет
26
RSS виджет
27
Возможности виджетов
jQuery
29
jQuery — для вашего удобства версия 1.3.2 этой библиотеки включена в единый файл WidgetApi.js.
Если вы используете свою сборку jQuery, то вы можете подключить её, заменив WidgetApi.js более компактной версией —http://img.yandex.net/webwidgets/1/WidgetApi_no_jquery.js
Как подключить: сначала подключаете ваш jQuery.js, потом WidgetApi_no_jquery.js
Стандартные настройки
30
GET параметрами
http://fanlife.ru/afisha/widget/1?category=1¬ice=false&scroll=false&orgs2=true&orgs3=true&orgs474=true&orgs1105=true&orgs1133=true
Или при помощи Javascript API
Скрытые настройки
31
Настройки виджетов можно использовать для хранения пользовательских данных*.
Для этого при описании виджета задайте настройки с нужными именами с типом hidden.
Например: виджет Мои заметки
* не более 1 кб данных для хранения.
Автоподбор высоты
32
adjustIFrameHeight()
Устанавливает высоту элемента <iframe> так, чтобы он вместил все содержимое без отображения вертикальной полосы прокрутки.
Альтернативы:- дефолтная высота виджета - 150 px- указать свойство height для виджетов с фиксированной высотой
Посещаемость виджета = трафик обратно на ваш сайт.
Сначала надо виджет раскрутить
34
Бинго!
35
Кто уже с нами
36
Пользователей с виджетами – 8%
Всего виджетов – 9000
Региональных виджетов – 1200
Участвуют все регионы России и Украины. Казахстан, присоединяйтесь!
Где спросить
37
Клуб разработчиков Яндекс.Виджетов
http://clubs.ya.ru/widget-api/
Вера Лейзерович
veral@yandex-team.ru
Recommended