Коротко, зачем все это нам надо?! 1. самое главное – это позволит вам увеличить количество посетителей в несколько раз. На графике статистика моего сайта. Основной приток 37% припадает на yandex. ua (пользователи виджета) 2. вы научитесь писать (понимать) виджеты не только для yandex’a, но и для igoogle, rambler и др. системы которые поддерживают виджеты (гаджеты). И так… Для создания виджета владеть программированием не обязательно. Но если есть желание можете сделать i-frame или XHTML виджет. Яндекс разработал свой API для Яндекс. Виджеты. Для тех кто не хочет разбираться в программировании, яндекс дает возможность воспользоваться услугами конструктора
- Быстрый старт RSS-виджет Фотовиджет iFrame-виджет XHTML
Мы же пойдем путем большего сопротивления и напишем свой собственный XHTML виджет. Приступим… Создаем mywidget. html (обязательно указываем кодировку файла UTF-8) <?xml version=”1.0″ encoding=”utf-8″?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www. w3.org/TR/xhtml1/DTD/xhtml1-strict. dtd”> <html xmlns=”http://www. w3.org/1999/xhtml” xmlns:widget=”http://wdgt. yandex. ru/ns/” > <head> <!– Сделайте описание виджета: –> <!– Добавьте свойства виджета. –> <!– Для загрузки виджета необходимо указать название: –> <meta name=”title” content=”Новини м. Сміла” /> <!– Для добавления в каталог виджетов необходимо добавить описание: –> <meta name=”description” content=”Актуальні новини м. Сміла, міські події, відгуки.” /> <meta name=”height” content=”243″ /> <style type=”text/css”> body { background: transparence; margin: 0; font-family: Arial; font-size: 13px; color: #000000; } a {color:#1a3dc1;} span {font-size: 11px; font-family: Verdana;} </style> <!– Если виджет является серверным, укажите адрес, с которого будет загружаться тело виджета, в свойстве src –> <meta name=”src” content=”http://путь до вашего виджета” /> <script type=”text/javascript” src=”http://img. yandex. net/webwidgets/1/WidgetApi. js”></script> <script> widget. onload = function(){ widget. adjustIFrameHeight(); } </script> </head> <body style=”font-family:Arial; font-size:13px; margin:0;” onresize=”widget. adjustIFrameHeight();”> </body> </html> Заготовка готова. далее переходим к самому содержанию виджета. Создаем файл widget. html с таким содержанием <html> <head> <script type=”text/javascript” src=”http://img. yandex. net/webwidgets/1/WidgetApi. js”></script> <script> widget. onload = function(){ widget. adjustIFrameHeight(); } </script> <meta charset=UTF-8″ /> </head> <body style=”font-family:Arial; font-size:13px; margin:0;” onresize=”widget. adjustIFrameHeight();”> здесь указываем информацию которую вы хотите показывать в виджете. Например: <a href=”http://www. smela-city. org. ua/news_smela/more/Za_sprobu_barteru_%E2%80%93_tjurma. html” target=”_blank”>За спробу “бартеру” – тюрма</a><span> (19-08-2010)</span><br> …. </body> </html> Сохраняем закачиваем к себе на сайт и указываем к нему путь в файле mywidget. html в строке <meta name=”src” content=”http://путь до вашего виджета” /> Далее нам необходимо предложить виджет на модерацию в региональную программу. В случае успеха, это и обеспечит приток посетителей прямо с главной странице Яндекса, т. к. список виджетов отображается справа внизу на главной. Чем больше у вас активных пользователей виджета в день, тем выше вероятность там оказаться. Помещаем у себя код на сайте и зазываем посетителей. Вот так будет выглядеть ваш виджет