Создание виджета для yandex.ru(ua)
Коротко, зачем все это нам надо?!
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. Function (){
widget. AdjustIFrameHeight ();
}
< /script>
< /head>
< Body style="font-family:Arial; Font-size:13px; margin:0; " "widget. AdjustIFrameHeight (); ">
< /body>
< /html>
Заготовка готова. Далее переходим к самому содержанию виджета.
Создаем файл widget.Html с таким содержанием
< Html>
< Head>
< Script type="text/javascript" src="http://img. Yandex. net/webwidgets/1/WidgetApi. Js"> </script>
< Script>
widget. Function (){
widget. AdjustIFrameHeight ();
}
< /script>
< Meta charset=UTF-8" />
< /head>
< Body style="font-family:Arial; Font-size:13px; margin:0; " "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://путь до вашего виджета" />
Далее нам необходимо предложить виджет на модерацию в региональную программу. В случае успеха, это и обеспечит приток посетителей прямо с главной странице Яндекса, т.к. список виджетов отображается справа внизу на главной. Чем больше у вас активных пользователей виджета в день, тем выше вероятность там оказаться.
Помещаем у себя код на сайте и зазываем посетителей.
Вот так будет выглядеть ваш виджет
Актуальні новини м. Сміла, міські події, відгуки.
Как разработать дизайн веб-сайта, который приносил бы своему обладател ...
Можно в любой поисковой системе набрать «Webdesign Studio» и получим о ...
Задавались ли вы когда-нибудь вопросом формирования цветовой схемы в в ...
ты можешь быть первым
Ссылки на статью «Создание виджета для yandex.ru(ua)»:
| URL | http://www.stateyki.org.ua/articles/sozdanie-vidzheta-dlya-yandexruua/ |
| Ссылка | <a href="http://www.stateyki.org.ua/articles/sozdanie-vidzheta-dlya-yandexruua/">Создание виджета для yandex.ru(ua)</a> |
| BBCode | [url=http://www.stateyki.org.ua/articles/sozdanie-vidzheta-dlya-yandexruua/]Создание виджета для yandex.ru(ua)[/url] |
