Создание виджета с помощью конструктора. Виджет на сайт


Что такое виджет и какие они бывают?

что такое виджетСегодня почти у каждого есть компьютер или ноутбук, телефон или планшет. И тут даже не важно для чего человек использует свой компьютер или девайс, а важно то, что эти устройства приносят пользу. Облегчают работу с документами, предоставляют доступ к полезной информации в сети, да и, наконец, просто позволяют расслабиться в свободное время и поиграть в игры. При этом, каждое из них поддерживает виджеты. Что же это такое и какие бывают виджеты? Каково их назначение и сфера применения?

Определение виджета

На самом деле, это не какой-то специфический термин, для понимания которого вам потребуются серьезные знания в области компьютерной техники. Давайте разберем все «на пальцах», то есть на простом языке.

Виджет – это маленькая программа, которая выполняет ту или иную функцию. Обычно они очень полезны. Могут украшать рабочий стол компьютера или любого другого устройства, даже телефона.

Существуют различные по функционалу виджеты, например, у Яндекса есть свои:

  • новости;
  • часы;
  • погода;
  • пробки и многие другие.

Они доступны для операционных систем семейства Windows, а также могут встраиваться в браузеры, например Opera или Chrome. Каждый виджет выполняет свою функцию, при этом не нагружая пользователя лишней информацией, для ее лучшего восприятия.

Кстати, раньше, в ОС Vista такие мини-приложения назывались гаджетами. Но, гаджеты это все таки нечто иное. Под этим словом чаще понимают какие то устройства. Например, тот же сотовый телефон. А вот виджет – программа, то есть приложение, код, который не имеет физической оболочки.

Вот некоторые примеры виджетов от Яндекса:

скриншот виджетов в windows

Виджеты от Яндекса в Windows

примеры виджетов в mac os

Виджеты от Яндекса в MacOS

Полный список можно посмотреть по ссылке: widgets.yandex.ru.Однако, другие компании тоже работают в этом направлении. Есть множество разработчиков по всему миру, которые выпускают полезные программы. Для мониторинга погоды, курсов акций, нагрузки на компьютер, использования сети (входящий и исходящий трафик), выхода новинок в кинотеатрах и многие другие, на что хватит фантазии. Большинство виджетов для компьютера имеют свои аналоги для телефонов на Android, Windows Phone и iOS, однако, есть и специализированные, которые подходят только мобильным устройствам, например, кнопки включения и отключения Wi-Fi, GPS, автоповорота экрана и так далее. На компьютере они просто не нужны.

Виджеты на сайтах

С ними ситуация обстоит похожим образом, но вместо рабочего стола здесь речь идет о сайтах. Например, такие популярные сейчас лайки от вконтакта, фейсбука или кнопка «твит». Да, это тоже виджеты.Вот как они выглядят, вы все их прекрасно знаете:виджет социальных кнопокОни встраиваются в код страницы, как и в случае с рабочим столом, и выполняют свою маленькую функцию.

В качестве еще одного примера виджетов для сайта возьмем тот же ВКонтакте. Здесь есть комментарии, так вот, их можно без труда встроить практически в любой сайт. Прелесть в том, что не нужно даже знать программирование, достаточно просто скопировать код, который нам выдаст ВКонтакте и вставить его в нужное место на сайте, например, после тела статьи.виджет комментариев вконтактеТеперь вы знаете что такое виджеты и какие они бывают (для рабочего стола, для сайта, для телефона и так далее). Покажите эту статью своим друзьям и знакомым, если у них возникнут сложности. Задавайте оставшиеся вопросы в комментариях, будем разбираться вместе.

myblaze.ru

Установка виджетов — Setup.ru — бесплатный конструктор сайтов, создать сайт бесплатно, раскрутка сайта бесплатно

Обратите внимание, что все описанные виджеты можно вставлять только на тарифе PRO или SHOP. Для вставки кода перейдите в режим редактирования HTML-кода блока, для этого либо нажмите на синюю кнопку HTML, которая появляется при наведении курсора на блок, либо на кнопку HTML на панели редактирования.

Некоторые виджеты работают только на выложенных сайтах, не обращайте внимание если вы не увидите их в предпросмотре.

  1. Кнопки "Like", "Мне нравится".
  2. Виджеты Вконтакте, Facebook (группы, рекомендации, комментарии, опросы).
  3. Виджет "Поделиться".
  4. Подписка на RSS.
  5. Вставка карт.
  6. Вставка видео.
  7. Создание чата.
  8. Строка поиска.
  9. Звонок по Skype.
  10. Переводчик сайтов.
  11. Форма обратной связи.

1. Кнопки "Like", "Мне нравится".

Facebook "Like"

Чтобы поставить кнопку "Like" от Facebook переходим по ссылке http://developers.facebook.com/docs/reference/plugins/like/ В предложенной форме вводим адрес своего сайта и, если нужно, выставляем нужные настройки.

Затем нажимаем кнопку "Get Code" и нам открывается окно с кодом кнопки, состоящим из двух частей.

Внимание! Поддерживается только HTML5 код. Копируем эти два куска кода и вставляем их в то место на вашем сайте, где бы вы хотели видеть данную кнопку. Кнопка будет видна только на выложенном сайте, в редакторе и предпросмотре ее видно не будет.

Вконтакте "Мне нравится"

Чтобы поставить кнопку "Мне нравится" от ВКонтакте переходим по ссылке http://vk.com/developers.php?oid=-1&p=Like Выбираем в поле "Подключить новый сайт" и нажимаем "Сохранить"

После выставления нужных настроек копируем код для вставки и вставляем его в то место на вашем сайте, где бы вы хотели видеть данную кнопку.

Кнопка будет видна только на выложенном сайте, в редакторе и предпросмотре ее видно не будет.

2. Виджеты Вконтакте, Facebook (группы, рекомендации, комментарии, опросы).

Все виджеты Вконтакте и Facebook вставляются по аналогии с кнопками "Мне нравится" и "Like". Получить код для вставки можно по ссылке соответственно http://vk.com/developers.php?id=-1_27987570&s=1 и http://developers.facebook.com/docs/plugins/.

3. Виджет "Поделиться".

Для вставки виджета "Поделиться" можно использовать готовый виджет от Яндекс. Просто отметьте галочками нужные сервисы и скопируйте готовый код для вставки.

4. Подписка на RSS.

Мы отдаем в RSS все новости — все записи на странице типа "Новости". Чтобы получить ссылку на фид новостей просто допишите к адресу страницы новостей ".xml". Например если у вас новости сайта доступны по адресу http://yoursite.ru/news/, то ссылка на фид новостей будет выглядеть http://yoursite.ru/news.xml.

Мы будем делать подписку через Feedburner. Перейдите на сайт http://feedburner.google.com и войдите в него под своим google-аккаунтом (если у вас его нет, то зарегистрируйтесь). Создайте новый RSS канал для своих новостей, для этого просто введите ссылку на rss-фид (как получить ссылку описано немного выше) и нажимайте на кнопку "Next" пока канал не будет создан.

Теперь, когда канал создан, нам нужно получить код для подписки. Для этого в настройках канала перейдите на вкладку Publicize раздел Chicklet Choose. Выбираем подходящий вид кнопки подписки, копируем код в нижней части раздела и вставляем его в нужное место на нашем сайте. Подписка на rss готова.

Сейчас мы реализовали подписку на RSS с помощью программы чтения RSS-лент. Для организации подписки через email в этой же вкладке Publicize переходим в раздел Email Subscriptions. Активируем подписку по email если она не активирована.

И нам становится доступен код, который нужно вставить в нужное место.

5. Вставка карт.

Яндекс

Для вставки карт переходим в Конструктор карт Яндекс и следуем простым инструкциям.

После того как мы согласимся с пользовательским соглашением и нажмем "Получить код" нам останется только скопировать предоставленный код в нужное место на нашем сайте.

Google

Переходим на сайт Google Maps. В строке поиска вводим нужный нам адрес и нажимаем на "Поиск".

После этого нажимаем на значок для получения ссылки, копируем код и вставляем его в нужное место на нашем сайте.

6. Вставка видео.

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

Как получить код видео на: YouTube Под нужным видео на youtube нажимаем "Поделиться", затем "Сгенерировать HTML-код" и нам предоставляется код для вставки.

Вконтакте

Под нужным видео нажимаем "Поделиться", затем "Получить код видео" и в новом окне копируем нужный код.

7. Чат.

Для создания чата можно использовать, например, следующий сервис http://www.chatovod.ru/new/. После заполнения простой формы вам на указанный email будет выслана ссылка для активации чата.

После активации чата нужно перейти в Панель управления и нажать на "HTML-код для вставки на сайт".

Теперь просто скопируйте первый вариант кода и вставьте его в нужное место на вашем сайте.

8. Строка поиска.

Подробно про поиск написано тут http://setup.ru/client/news/72. Но на тарифе PRO можно вставить строку поиска непосредственно в текст страницы. Для этого просто вставьте следующий код в нужное место:

*тут all, content, gallery и catalog это области поиска. Вы можете оставить только те, какие захотите.

9. Звонок по Skype.

Установка виджета Skype на сайт позволит вашим посетителям звонить или писать вам в Skype всего лишь нажав на кнопку.Для установки виджета переходим на страницу http://www.skype.com/en/features/skype-buttons/create-skype-buttons/. Вводим в соответствующее поле ваш логин в Skype. После этого выбираем внешний вид кнопки.

Нам сразу показывается как будет выглядеть кнопка на сайте. Если все устраивает копируем код кнопки и вставляем его в нужное место на вашем сайте, например в шапку.

10. Переводчик сайтов.

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

Для начала перейдите на страницу плагина переводчика translate.google.com

Нажмите соответствующую кнопку для добавления своего сайта

На открывшейся странице введите адрес сайта, на который вы хотите установить переводчик, и выберите основной язык вашего сайта.

Далее выберите нужные настройки и желаемый внешний вид переводчика и получите код виджета

Вставьте обе части полученного кода в нужное место в режиме редактирования HTML-кода

Поздравляем! Теперь ваш сайт смогут просмотреть посетители более чем из 60 стран мира. Для этого нужно всего лишь выбрать нужную страну из списка и сайт будет автоматически переведен на выбранный язык

11. Форма обратной связи.

Если вас, по каким-либо причинам, не устраивает наша стандартная форма обратной связи вы можете создать свою.

Сделать это очень просто.

Перейдите на сайт masterform.info Создайте такую форму обратной связи, которая вам нужна.

После нажатия на кнопку "Генерировать" вы увидете как будет выглядеть ваша форма.

Затем нажмите на кнопку "Получить код". Скопируйте сгенерированный код из открывшегося окна и вставьте в нужное место на своем сайте.

После этого вернитесь на сайт masterform.info и зарегистрируйте свой сайт, заполнив необходимые поля.

Готово! Теперь можете проверить свою форму в действии.

www.setup.ru

Как создать виджет для сайта?

Опубликовано:   2016-09-03 15:25:00 | 2163

 

Считается, что основная задача вебмастера – привлечение аудитории пользователей. Но это не совсем так. Можно сколь угодно много привлекать аудиторию, но если среди неё не будет лояльной – результаты конверсии опечалят. Чтобы увеличить активность пользователей при взаимодействии с сайтом, стоит сделать для него виджет.

О сколько виджетов нам разных…

Если обратиться к словарю, выяснится, что виджет (widget) – небольшое графическое приложение, встраиваемое в пользовательский интерфейс браузера или сайта, и показывающее какую-либо информацию из какого-нибудь места. Именно поэтому они могут быть очень разнообразны. Когда речь заходит о создании виджета для сайта, обычно под этим подразумевается одно из трех графических приложений:

  • Обновляемый или просто визуально привлекательный элемент панели быстрых закладок;
  • Лента обновлений для размещения на главной странице поисковой системы «Яндекс»;
  • Модуль обновлений или комментариев, связанный с социальной сетью Facebook и отображаемый непосредственно на сайте.

Что ж, разберемся, как создать каждый из этих виджетов – и зачем он вам вообще нужен.

Создание виджета для Визуальных закладок (для движков Wordpress и других)

Сервис Визуальных закладок от «Яндекс» в последнее время становится всё более популярным. Он удобен, красив и функционален. Визуальные закладки встраиваются в браузеры на движке Chromium из соответствующего магазина, а также входят в Яндекс.Браузер прямо «из коробки».

Визуально этот сервис являет собой табло со ссылками на сайты. Если туда добавить линк на собственную веб-страницу, в подавляющем большинстве случаев она будет выглядеть невероятно уныло – просто доменное имя на цветном фоне.

Чтобы сделать его более привлекательным для пользователей, стоит совсем немного потрудиться. А именно – «поколдовать» с API Табло.

Но сначала требуется создать логотип сайта. Картинка должна соответствовать следующим правилам:

  • Формат .PNG;
  • Размер 150х60 пикселей;
  • Прозрачный фон.

Сам виджет пишется на XML. В блокноте набирается следующий код:

{

“version”: “1.0”,

“api_version”: 1.

“layout”:

{

“logo”: “http://домен_вашего_сайта/адрес_файла_с_логотипом/название_файла_с_лого.png”,

“color”: “#номер_желаемого_цвета_в_HEX”,

“show_title”: false,

}

}

Файл нужно сохранить под названием manifest.json и закинуть в корневой каталог сайта.

Следующий этап – немного поколдовать с PHP. Ну, или HTML – в зависимости от того, на каком языке написан движок сайта. Если хедер находится в header.php, то изменения вносятся в этот файл. А если в каком-нибудь другом месте – нижеследующую строчку нужно вписать, соответственно, туда.

А вот код для включения:

<link rel=”yandex-tableau-widget” href=”/manifest.json” />

Этот код нужно вписать в хедер – то есть между открывающим и закрывающим HTML-тегами <head>.

Виджет в Табло Визуальных закладок обновляется автоматически. Но не мгновенно. Любители покодить могут даже обновляемым его сделать, выводя различные уведомления.

Виджет сайта для главной страницы Яндекс

Многие знают, что главная страница поисковой системы Яндекс настраивается. И на ней можно разместить виджет своего сайта – чтобы пользователи могли узнавать обновления, не заходя собственно на веб-страницу. Это будет прекрасным преимуществом, так как снизит статистику отказов и повысит ваш проект в рейтинге поисковой системы.

Создать виджет для сайта несложно. Не нужно даже HTML изучать! Для такого виджета требуется, чтобы у сайта была RSS-лента. У движка Wordpress она имеется по умолчанию и располагается по следующему адресу:

http://домен/feed

А вот для других движков потребуется создавать её самостоятельно.

Итак, виджет для Яндекса делается в два простых шага:

  1. Зайти на http://wdgt.yandex.ru/widgets и ткнуть на кнопку «Создать виджет»;
  2. Заполнить панели с названием виджета, описанием, картинкой и адресом RSS-ленты.

Всё! Копировав ссылку для установки на Яндекс, можно убедить пользователей добавить виджет вашего сайта на главную страницу поисковой системы.

А ещё этот виджет можно разместить на вашем сайте – на боковой панели, например, или в «вылетающем окошке» pop-up.

Виджет Facebook

Социальные сети плотно вошли в повседневную жизнь современного человека. Правда, в «наших широтах» наиболее распространены «ВК» и «Одноклассники». Однако Facebook – лучшее место для продвижения сайта, особенного предлагающего какие-либо товары или услуги.

Почему? Причина тут проста. Именно в Facebook проще всего организовать вирусное продвижение контента среди «интеллектуальной элиты». Различные профессионалы в самых разных областях предпочитают пользоваться именно этой социальной сетью, а значит – тут проще всего создать лояльную, «думающую» аудиторию, от которой даже можно подчерпнуть какую-нибудь новую информацию.

Разработчики Facebook прекрасно понимают, что владельцы информационных порталов предпочитают пользоваться именно их социальной сетью, и потому значительно упрощают процесс создания и размещения виджетов.

Итак, вот она, пошаговая инструкция о том, как создать виджет для сайта. Только предполагается, что у вашего сайта – или компании – уже есть соответствующая страница на Facebook, созданная человеком, у которого также есть аккаунт в Facebook:

  1. Нужно зайти от имени этого человека (авторизоваться через его логин и пароль) и нажать кнопку «Редактировать профиль» на главной странице профиля;
  2. Пролистать страницу до конца и открыть «Разработчикам»;
  3. На открывшейся странице отыскать кнопку Sharing, сопровождающуюся знаком Like, и смело в неё ткнуть;
  4. Затем требуется выбрать «Социальные плагины»;
  5. Найти Like Box;
  6. Откроется страница настройки виджета, где можно установить его размеры, цветовую схему, контент и визуальную составляющую;
  7. Затем нажатием кнопки Get Code можно получить код, выбрав язык разметки, максимально совместимый с движком сайта.

Виджет для Wordpress

Теперь осталась пара мелочей – разместить виджет на сайте. Для самого популярного движка – Wordpress – для этого придется добавить код в два различных места. Первое – футер. Туда добавляется JAVA-скрипт, определяющий функциональность виджета.

Второе – место непосредственного размещения виджета, например, сайдбар. Туда требуется скопировать CSS-код с div-блоком, в котором расположена ссылка на скрипт.

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

! Copyright © 2016 "Design ONE"

Похожие статьи:

5 приемов оптимизации страницы товара в интернет-магазине 10 приёмов для создания дружественного интерфейса сайта Продвижение сайта с помощью видео Раскрываем секреты: основные источники стабильного трафика на сайт Как правильно использовать видео в процессе поискового продвижения сайта? Онлайн конкурсы - секреты успеха Продвижение туристического сайта Продвижение бухгалтерского сайта Почему на ваш сайт приходят, но не покупают? Генерируем карту сайта и устраняем битые ссылки

dizainodin.ru

Что такое виджет в телефоне, компьютере и на сайте?

Привет, друзья. Сегодня вы сможете пополнить ваш словарь компьютерных терминов еще одним детищем века компьютерных технологий – словом виджет. Появилось это понятие сравнительно недавно, но уже проникло практически во все высокотехнологичные сферы нашей жизни.

Но, несмотря на широкое распространение, конкретно, что такое виджет знают далеко не все. Я сам еще пару лет назад постоянно путал его с гаджетами и плагинами. Звучат почти одинаково непонятно, смысл передают тоже какой-то странный.

Одним словом, если вы до сих пор не разобрались, не стоит стыдиться. Сейчас разберемся вместе.

Откуда пришло слово виджет

Как и большинство подобных понятий, это слово пришло к нам из английского языка, там оно выглядит как widget. А переводится оно очень весело – штуковина. Так что, что в русском, что в английском, слово виджет имеет одинаково расплывчатый смысл.

Именно расплывчатость понятия и позволила ему влезть везде, где надо и где не надо.

Чаще всего, слово виджет можно встретить как термин, обозначающий какое-либо визуальное дополнение к программам. Этот элемент может решать дополнительные задачи или просто служить для украшения. Основная программа без этого элемента будет работать все равно.

Если вы взглянете на боковую колонку моего блога, то увидите там много информационных блоков, в которых отображаются списки рубрик, последние статьи и т.д. — все эти блоки называются виджетами. В принципе, сайт может функционировать и без них, на размещенные статьи они никак не влияют, на работу самого движка wordpress тоже. Но они выводят дополнительную полезную информацию.

Пример виджета на сайте:

Чем отличается виджет от плагина

Вот сейчас я пишу статью и понимаю, то о чем я рассказываю, совсем недавно писал в статье о том, что такое плагин.

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

Плагин всегда выполняет определенные функции, даже если они не видны конечному пользователю. Например, работа wordpress плагина wp-db-backup посетителю сайта незаметна, но его значение невозможно переоценить – он делает резервные копии базы данных.

А вот виджет не обязательно что-то делает, но он обязательно видим. К примеру, польза от индикатора загруженности процессора и памяти компьютера весьма призрачна. Хоть есть этот индикатор, хоть его нет – все равно скорость работы компьютера не изменится – это всего лишь украшение.

Пример виджета в Windows:

Аналогично с часами, прогнозами погоды и прочими информационными окнами – на работу основной программы такие виджеты не влияют, влияют только на отображение данных.

Чем отличается виджет от гаджета

Очень часто виджеты путают с гаджетами. Я был удивлен, когда увидел подобную ошибку в переводе своего Windows. Тот самый индикатор загрузки процессора и еще несколько штуковин были названы гаджетами.

Хотя понятие гаджет, как правило, употребляется для обозначения различных электронных устройств, имеющих небольшие размеры. Например, навигатор или мобильный телефон.

Путаница возникает из-за того, что оба этих слова звучат похоже и каждый из них одинаково непонятен для непосвященного человека.

Для себя можете запомнить, виджет – это дополнение к программе, а гаджет – это маленькое устройство.

Как добавить виджет на рабочий стол в Windows 7

В каждой программе виджеты настраиваются по разному. Для примера я покажу как они добавляются на рабочий стол в операционной системе Windows 7. Делается это очень просто. Кликаете правой кнопкой мыши и выпадающем меню жмете кнопку Гаджеты. Да-да вы не ослышались, это как раз тот случай, что я описывал выше, когда значения терминов перепутаны и вместо виджета употреблено слово гаджет.

В общем, нажмете кнопку и у вас откроется окно в котором отображены все доступные виджеты — выбираете нужный простым нажатием мыши. Какой блок выберете, такой и появится на вашем рабочем столе. Дальше можно будет его перетащить мышкой в нужное место и изменить размер.

Пожалуй, это все. Надеюсь, теперь вам будет проще понять умные тексты, в которых встречаются такие слова.

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(4 голоса, в среднем: 5 из 5)

biznessystem.ru

Создание виджета с помощью конструктора

  1. Зайдите в кабинет разработчика.

    Чтобы воспользоваться кабинетом разработчика, нужно авторизоваться, используя логин на Яндексе.

  2. Перейдите по ссылке Загрузить виджет.

  3. Выберите один из доступных конструкторов:

    • Быстрый старт: создание виджета из кода заранее подготовленной HTML-страницы. Свойства виджета указываются отдельно при помощи формы.
    • RSS-виджет: создание виджета из RSS-ленты.
    • Фотовиджет: создание слайд-шоу или палитры с фотографиями из RSS-ленты.
    • iFrame-виджет: создание виджета из обычной интернет-страницы, которая уже размещена в Интернете.
    • XHTML: загрузка виджета из заранее подготовленного XHTML-файла. Свойства и настройки виджета должны быть указаны в файле.
  4. Примите условия пользовательского соглашения.

  5. Укажите в форме ввода данные виджета:

    Для конструктора «Быстрый старт» ПолеЗначение
    Заголовок виджетаЗаголовок виджета.
    Описание виджетаОписание функций виджета.
    Высота виджета

    Высота <iframe>, в котором отображается виджет (в пикселах).

    Если значение не указано при создании виджета, высота устанавливается автоматически так, чтобы виджет вместил все содержимое без отображения вертикальной полосы прокрутки.

    Содержимое виджетаТело виджета: интернет-страница, выполняющая функцию виджета. Страница может содержать HTML, CSS и JavaScript.
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Для конструктора «RSS-виджет» ПолеЗначение
    Заголовок виджетаЗаголовок виджета.
    Адрес сайтаАдрес сайта, с которого взята RSS-лента (в начале адреса нужно обязательно указать http://).
    Описание виджетаОписание RSS-ленты.
    Путь к RSSПуть к RSS-ленте (в начале адреса нужно обязательно указать http://).
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Внешний вид

    Доступны следующие опции: журнальный, обычный с фото, газетный и обычный.

    Пример влияния данной опции на внешний вид виджета можно посмотреть в этой новости Клуба разработчиков Яндекс.Виджетов.

    Число новостейКоличество новостей, отображаемых одновременно (от 1 до 10).
    Показывать только заголовкиУкажите «да», если нужно скрыть текст новостей и отобразить только заголовки.
    Для конструктора «Фотовиджет» ПолеЗначение
    Заголовок виджетаЗаголовок виджета.
    Адрес сайтаАдрес сайта, с которого взята RSS-лента с фотографиями (в начале адреса нужно обязательно указать http://).
    Описание виджетаОписание RSS-ленты.
    Путь к RSSПуть к RSS-ленте с фотографиями (в начале адреса нужно обязательно указать http://).
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Внешний вид

    Доступны следующие опции: запущенное слайд-шоу, слайд-шоу, палитра.

    Пример влияния данной опции на внешний вид виджета можно посмотреть в этой новости Клуба разработчиков Яндекс.Виджетов.

    Показывать фотографийКоличество фотографий, отображаемых одновременно (от 1 до 50).
    Совет. 

    Для изображений в RSS-ленте, которые НЕ должны попадать в RSS- и фотовиджет, необходимо указать атрибут в теге img.

    Для конструктора «iFrame-виджет» ПолеЗначение
    Заголовок виджетаЗаголовок виджета.
    Адрес сайтаАдрес сайта, связанного с содержимым виджета. Например, сайт разработчика или сайт сервиса, доступ к которому предоставляет виджет (в начале адреса нужно обязательно указать http://).
    Описание виджетаОписание функций виджета.
    Путь к виджетуАдрес страницы, на основе которой будет создан виджет (в начале адреса нужно обязательно указать http://).
    Высота виджетаВысота <iframe>, в котором отображается виджет (в пикселах). Значение по умолчанию: 300.
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Для конструктора «XHTML» ПолеЗначение
    XHTMLГотовый XHTML-файл виджета.
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

После указания данных о виджете вы будете автоматически перенаправлены на страницу редактирования виджета.

конструктор виджетов быстрый старт RSS-виджет фотовиджет iFrame-виджет XHTML

tech.yandex.ru

API Табло — Настройка виджета сайта — Технологии Яндекса

Ограничение. Размер файла feed.json не должен превышать 50 КБ.

Файл feed.json содержит описание отображаемых на виджете нотификаторов и их текущих значений. Он автоматически загружается с сервера с заданной вебмастером частотой (по умолчанию — раз в 60 минут). Благодаря этому нотификаторы обновляются. Если в процессе загрузки сервер три раза подряд вернул некорректный ответ, значения нотификатора обнуляются.

Ограничение. Ответ на запрос feed.json по указанному в манифесте адресу должен иметь тип Content-Type: application/json.

Feed.json представляет собой JSON-файл следующей структуры:

{ "notifications": [ {"<имя значка 1>": <число>}, //описание 1 нотификатора, число — целое или с плавающей запятой (выводится до 2 знака после запятой). {"<имя значка 2>": <число>}, //описание 2 нотификатора. {"<имя значка 3>": <число>}, //описание 3 нотификатора. ], "refresh_time" : <частота загрузки файла feed.json, в мин, по умолчанию 60 мин> }

где атрибут имя значка принимает одно из предустановленных значений:

  • bell — , предупреждения,
  • earth — , записи в ленте новостей,
  • friend — , запросы на добавление в друзья,
  • message — , письма, личные сообщения,
  • photo — , фотографии,
  • chat — , мгновенные сообщения,
  • cart — , покупки в корзине.

а атрибут число — это число непросмотренных сообщений выбранного типа. При создании файла рекомендуем проставить значение 0. В дальнейшем значение атрибута будет обновляться автоматически.

Цвет иконок определяется автоматически: если фон виджета темный, то цвет нотификатора будет светлым, и наоборот.

Ограничение. На виджете отображается не более трех нотификаторов. Если в файле feed указано больше трех нотификаторов, выводятся первые три.

tech.yandex.ru