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://путь до вашего виджета" />
Далее
нам необходимо предложить виджет на модерацию в региональную
программу. В случае успеха, это и обеспечит приток посетителей прямо с
главной странице Яндекса, т.к. список виджетов отображается справа внизу
на главной. Чем больше у вас активных пользователей виджета в день,
тем выше вероятность там оказаться.
Помещаем у себя код на сайте и зазываем посетителей.
Вот так будет выглядеть ваш виджет
Источник: http://www.smela-city.org.uaАвтор: Кирилл Крывонижка aka iNF