СТАТЕЙКИ.ORG.UA
электронный каталог статей

Создание виджета для yandex.ru(ua)

комментариев: 0 / добавить комментарий

Коротко, зачем все это нам надо?!

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://путь до вашего виджета" />

Далее нам необходимо предложить виджет на модерацию в региональную программу. В случае успеха, это и обеспечит приток посетителей прямо с главной странице Яндекса, т.к. список виджетов отображается справа внизу на главной. Чем больше у вас активных пользователей виджета в день, тем выше вероятность там оказаться.

Помещаем у себя код на сайте и зазываем посетителей.

Вот так будет выглядеть ваш виджет

Актуальні новини м. Сміла, міські події, відгуки.

добавить на Яндекс

 

 

автор: Кирилл Крывонижка aka iNF
источник: www.smela-city.org.ua | комментариев: 0 | просмотров: 284 | 31/08/2010
Читайте также:
Секреты дизайна веб-сайтов
Как разработать дизайн веб-сайта, который приносил бы своему обладател ...
Дизайн веб-сайта
Можно в любой поисковой системе набрать «Webdesign Studio» и получим о ...
Формирование цветовой схемы базе фотоматериалов, инструмент Photocopa
Задавались ли вы когда-нибудь вопросом формирования цветовой схемы в в ...
Комментарии:
Администрация каталога не несет ответственности за информацию, размещенную посетителями сайта. Сообщения, оставленные на сайте, являются исключительно личным мнением их авторов, и могут не совпадать с мнением администрации каталога.
комментариев нет

ты можешь быть первым
* - поля, помеченные звездочкой, обязательны к заполнению.
Ваше имя*: (max 64 символа)
E-mail: (max 64 символа)
Комментарий*:
без HTML (min 20, max 1000 символов)


Ссылки на статью «Создание виджета для 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]


Інтернет реклама УБМ
Наши партнеры
Покер онлайн
Биржи
etxt.ru
 

 

Інтернет реклама УБМ


Інтернет реклама УБМ