ТИЦ = PR = 8 1 $ $ $ $ Сколько же они заплатили? $ $ $ $ Сколько же они заплатили?

Региональная программа Яндекса #siw Худавердян Тигран Руководитель портальных сервисов, Яндекс

Что такое региональная программа? Региональная программа – партнерская программа между Яндексом и ведущими интернет-площадками в регионах*. * Регион – субъект Российской Федерации (республика, область, край, автономная область, автономный округ, город федерального значения), а также город нефедерального значения. Сайт-партнер разрабатывает виджет для главной страницы Яндекса с региональным контентом. Яндекс рекламирует виджеты на главной странице Яндекса и в каталоге виджетов. 3

Как это видит пользователь

5

6

7

8

Общие правила

Как попасть – алгоритм по шагам Придумать и разработать виджет Зайти в раздел Региональная программа – выбрать Предложить виджеты. Предложить виджеты, указав желаемый регион. Ждать решения модераторов (1-3 рабочих дня). 10

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

Правила участия Региональный контент Соответствие действующему законодательству РФ. Отсутствие контента 18+. Отсутствие ненормативной лексики. Отсутствие рекламных материалов. Наличие заголовка, описания Выполнение технических требований и требований к внешнему виду 12

Требования к виджету Шрифт Arial или Verdana Цвета текста и ссылок как на Яндексе Работает во всех популярных браузерах Нет рекламных ссылок, баннеров и т.д. Popup, alert и т.п. Прозрачный фон Без отступов по краям 13

Как придумать и правильно сделать виджет

Лучше меньше, да лучше 15

Информативность превыше всего 16

Иногда 2 лучше, чем 1 Виджет обо всем – плохо. Лучше сделать несколько виджетов, либо один, но настраиваемый Объявления по аренде квартир – отдельно виджет «сдам», отдельно «сниму» Последние темы форума – сделайте настраиваемым раздел форума Автообъявления – дайте настроить марку и модель Поиск работы – настройка сферы деятельности 17

Виджет – информер Главные новости, а не последние Самые обсуждаемые темы форума, а не новые Горячие спецпредложения Ближайшие электрички Новые объявления Ближайшие телепередачи 18

Внешний вид имеет значение 19

Конструкторы виджетов 20

Как сделать виджет Виджет – HTML-страничка, загруженная в iframe. Виджет может иметь свои стили и свою независимую функциональность. Закачивается виджет при помощи XHTML файла, в котором есть описание виджета и его свойств. Или при помощи конструктора, который генерит XHTML файл сам. Документация: 21

Как выбрать нужный Без XTML-описания 1.RSS-конструктор 2.Быстрый старт – HTML код прямо в форме конструктора 3.конструктор IFRAME – просто прописать URL XTML-виджет Для полноценного виджета с настройками вам нужно загрузить XHTML описание виджета 22

RSS-виджет 23

Настраиваемый внешний вид 24

Функциональные возможности

jQuery 26 jQuery для вашего удобства версия этой библиотеки включена в единый файл WidgetApi.js. Если вы используете свою сборку jQuery, то вы можете подключить её, заменив WidgetApi.js более компактной версией o_jquery.js. o_jquery.js Как подключить: сначала подключаете ваш jQuery.js, потом WidgetApi_no_jquery.js

27 Настройки виджетов GET параметрами =1&notice=false&scroll=false&orgs2=tru e&orgs3=true&orgs474=true&orgs1105=t rue&orgs1133=true Или при помощи Javascript API

Когда не знаешь, что показать 28 Или встроить форму настроек в сам виджет

Скрытые настройки 29 Настройки виджетов можно использовать для хранения пользовательских данных*. Для этого при описании виджета задайте настройки с нужными именами с типом hidden. Например: виджет Мои заметки * не более 1 кб данных для хранения на серверах Яндекса для каждого пользователя.

Автоподбор высоты 30 adjustIFrameHeightadjustIFrameHeight() Устанавливает высоту элемента так, чтобы он вместил все содержимое без отображения вертикальной полосы прокрутки. Альтернативы: - дефолтная высота виджета px - указать свойство height для виджетов с фиксированной высотой

Как не надо делать

Технические ошибки Непрозрачный фон Не забудьте прописать body {background:transparent;} Легко проверить в режиме редактирования страницы в IE Вертикальный скролл Не забудьте использовать функцию adjustIFrameHeight() adjustIFrameHeight Лишние отступы внутри виджета Не забудьте указать body {margin:0px;} и постарайтесь убрать иные отступы 32

Технические ошибки Ссылки на сайт открываются внутри виджета Проставляйте для ссылок на сайт target=_blank Нечитаемые шрифты Используйте рекомендуемые шрифты и размеры Слишком «высокий» виджет Оптимальная высота не более px Битая кодировка Помните: рекомендуемая кодировка – UTF-8, HTTP-заголовки – правильные. 33

Как набрать посещаемость виджета

Сначала вы нас 35

Потом мы вас 36

Где спросить Клуб разработчиков Яндекс.Виджетов Написать мне Тигран Худавердян 37