КАТАЛОГ СТАТЕЙ.
Авто и Мото (2082)
Бизнес (6345)
Дом, семья, дети (4269)
Досуг и Юмор (674)
Еда (832)
Здоровье (3964)
Искусство (1676)
Компьютеры и Интернет (4285)
Мода, стиль (1655)
Наука (1634)
Образование (1346)
Общество (3045)
Окружающий мир (794)
Промышленноcть, оборудование (1974)
Связь (479)
Секс, любовь, отношения (960)
Спорт (935)
Справочная информация (270)
Страны, путешествия (1843)
Строительство и ремонт (7579)
Транспорт и логистика (467)
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
