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

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

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

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

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

5 5

6 6

7 7

8 8

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

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

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

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

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

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

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

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

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

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

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

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

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

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

23 RSS-виджет 23

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

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

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

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

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

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

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

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

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

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

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

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

36 Потом мы вас 36

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