• Авторизация


Создание виджета для Яндекса 01-02-2010 12:06 к комментариям - к полной версии - понравилось!


Итак, для Яндекса есть возможности создавать небольшие приложения (Виджеты), которые размещаются пользователями на главной странице вместе с основными сервисами. Адрес сервиса - http://wdgt.yandex.ru

В случае, если виджет для определенного города его можно добавить в РЕГИОНАЛЬНУЮ ПРОГРАММУ и он будет предложен жителям выбранного региона

Как создается виджет?
Виджет Яндекса - это специальным образом оформленный HTML документ.

Мы сделаем наш виджет с использованием PHP

Этапы работы:
1. Получаем записи из БД
2. Формируем набор записей
3. Выводим на экран

Пример:

<?php
//Ваши настройки и коннект к БД mysql_connect()

$content.="";
$sql="SELECT * FROM `table` WHERE параметры сортировка LIMIT 8";
$result=mysql_query($sql);
$content.="<table cellpadding=1 cellspacing=0>\n";
while($row=mysql_fetch_row($result)) {
$content.="<tr>
<td>
<a href='картинка' alt='' vspace=1 width=50></a>
</td>
<td>
<a href='ссылка на страницу на нашем сайте'>".iconv("WINDOWS-1251","UTF-8",Заголовок)."</a>
<div>Дополнительное описание</div>
</td>
</tr>\n";
}
mysql_free_result($result);
$content.="</table>
<div><a href='http://autosibirsk.ru'>Все предложения о продаже</a></div>\n";

//Отключение от БД mysql_close()

$content="<?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=\"Autosibirsk - Авто объявления\" />
<meta name=\"description\" content=\"Объявления о продаже автомобилей в Новосибирске\" />
<meta name=\"height\" content=\"280\" />
<style>
a {color: #1a3dc1;}
td {font-size: 13px; font-family: Arial;}
img {border: 1px solid black;}
div {font-size: 11px; font-family: Verdana;}
</style>
</head>
<body style=\"margin:0;\">
".$content."
</body>
</html>";
echo $content; //Вывод документа
?>


Результат работ можно посмотреть тут:
[показать]

При создании виджета не забываем, что записи нужно показывать в UTF-8 и в случаях, если не знаем, какого размера будут записи - поставить автовысоту документа в настройках с помощью прописывания в <head> кода:

===================================================================================
<script type=\"text/javascript\" src=\"http://img.yandex.net/webwidgets/1/WidgetApi.js\"></script>
<script type=\"text/javascript\">
widget.onload=function() {
widget.adjustIFrameHeight();
}
</script>
===================================================================================

Спасибо axxl.
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Создание виджета для Яндекса | Wynger - Wynger | Лента друзей Wynger / Полная версия Добавить в друзья Страницы: раньше»