leizerovich vidzety na glavnoy stranici upd
TRANSCRIPT
![Page 2: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/2.jpg)
Главная страница – много Трафика
2
Ежедневно главную страницу посещают 70 млн. хитов
Яндекс.Новости2.5 млн. переходов в день
Яндекс.Телепрограмма400-600 тыс. переходов в день
![Page 3: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/3.jpg)
Виджеты везде!
3
![Page 4: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/4.jpg)
Что такое виджет?
4
Виджет –обычный HTML на вашем сайте
![Page 5: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/5.jpg)
Как его сделать?
5
Кабинет разработчиков http://wdgt.yandex.ru
![Page 6: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/6.jpg)
Каталог виджетов
6
![Page 7: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/7.jpg)
Региональная программа
7
Кабинет разработчиков http://wdgt.yandex.ru
![Page 8: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/8.jpg)
Региональная программа
8
Партнерская программа между Яндексом и
интернет-площадками.
Могут участвовать виджеты любой страны,
области, края и города.
![Page 9: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/9.jpg)
Требования к содержанию
9
Региональный контент
Региональный контент
Региональный контент
Региональный контент
Региональный контент
Региональный контентРегиональный контент
Региональный контент
Региональный контент
Региональный контент
Региональный контент
Региональный контент
![Page 10: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/10.jpg)
Требования к содержанию
10
• Соответствие законодательству
• Отсутствие контента 18+
• Отсутствие ненормативной лексики.
• Отсутствие рекламных материалов.
• Выполнение технических требований и гайдлайнов(требований к внешнему виду)
![Page 11: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/11.jpg)
Требования к содержанию
11
• Шрифт Arial или Verdana
• Цвета текста и ссылок как на Яндексе
• Работает во всех популярных браузерах
• Без рекламы внутри
• Popup, alert и т.п.
• Прозрачный фон
• Без лишних отступов по краям
![Page 12: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/12.jpg)
Как придумать и правильно сделать виджет
![Page 13: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/13.jpg)
Виджет должен быть уникальным
13
![Page 14: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/14.jpg)
Виджет должен быть уникальным
14
![Page 15: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/15.jpg)
Виджет должен быть удобным
15
![Page 16: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/16.jpg)
Виджет должен быть удобным
16
![Page 17: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/17.jpg)
Виджет должен быть информативным
17
![Page 18: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/18.jpg)
Виджет должен быть информативным
18
![Page 19: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/19.jpg)
Виджет должен привлекать
19
![Page 20: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/20.jpg)
Типичные ошибки разработчиков
![Page 21: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/21.jpg)
Технические ошибки
21
• Непрозрачный фон
Не забудьте прописать body background:transparent;}
Легко проверить в режиме редактирования страницы в IE
• Вертикальный скролл
Не забудьте использовать функцию adjustIFrameHeight()
• Лишние отступы внутри виджета
Не забудьте указать body {margin:0px;}
и постарайтесь убрать иные отступы
![Page 22: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/22.jpg)
Технические ошибки
22
• Ссылки на сайт открываются внутри виджетаПроставляйте для ссылок на сайт target=_blank
• Нечитаемые шрифтыИспользуйте рекомендуемые шрифты и размеры
• Слишком «высокий» виджетОптимальная высота не более 100-200 px
• Битая кодировкаПомните: кодировка должна быть UTF-8
![Page 23: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/23.jpg)
Как создать виджетконструкторы виджетов
![Page 24: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/24.jpg)
Как выбрать нужный
24
Если у вас есть RSS, но нет ресурсов для разработки – вам
подойдет RSS-конструктор
Если у вас нет хостинга и вы планируете ограничиться HTML и
JavaScript , вам подойдет Быстрый старт
Для функционального виджета без возможности настройки нужно
использовать конструктор IFRAME. Но у вас должен быть
хостинг
Для полноценного виджета с настройками вам нужно загрузить
XHTML описание виджета
![Page 25: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/25.jpg)
Быстрый старт
25
Просто вставьте содерижимое тега <body> в соответствующее поле, включая JavaScript
![Page 26: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/26.jpg)
RSS виджет
26
![Page 27: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/27.jpg)
RSS виджет
27
![Page 28: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/28.jpg)
Возможности виджетов
![Page 29: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/29.jpg)
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
![Page 30: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/30.jpg)
Стандартные настройки
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
![Page 31: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/31.jpg)
Скрытые настройки
31
Настройки виджетов можно использовать для хранения пользовательских данных*.
Для этого при описании виджета задайте настройки с нужными именами с типом hidden.
Например: виджет Мои заметки
* не более 1 кб данных для хранения.
![Page 32: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/32.jpg)
Автоподбор высоты
32
adjustIFrameHeight()
Устанавливает высоту элемента <iframe> так, чтобы он вместил все содержимое без отображения вертикальной полосы прокрутки.
Альтернативы:- дефолтная высота виджета - 150 px- указать свойство height для виджетов с фиксированной высотой
![Page 33: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/33.jpg)
Посещаемость виджета = трафик обратно на ваш сайт.
![Page 34: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/34.jpg)
Сначала надо виджет раскрутить
34
![Page 35: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/35.jpg)
Бинго!
35
![Page 36: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/36.jpg)
Кто уже с нами
36
Пользователей с виджетами – 8%
Всего виджетов – 9000
Региональных виджетов – 1200
Участвуют все регионы России и Украины. Казахстан, присоединяйтесь!
![Page 37: Leizerovich Vidzety Na Glavnoy Stranici Upd](https://reader034.vdocuments.net/reader034/viewer/2022042514/557fbad4d8b42a36118b4b8e/html5/thumbnails/37.jpg)
Где спросить
37
Клуб разработчиков Яндекс.Виджетов
http://clubs.ya.ru/widget-api/
Вера Лейзерович