Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


Как только вы создадите сайт по одной из указанных ссылок, я увижу это в отчете партнерской программы:

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

API Табло - создание виджета сайта в визуальных закладках

Сергей    20.02.2014    5672    4.5 из 5.0 (12)

Оцените материал:

    Что это такое?

    API Табло - виджета сайта в визуальных закладках. В статье рассмотрен процесс его создания.

    Если пользуетесь Яндекс.Браузером, визуальными закладками в Firefox, IE или Chrome, то, наверняка, замечали, что есть у некоторых сайтов особенность, а точнее несколько:

    1. Не у всех сайтов одинаковые логотипы и названия. У некоторых название отсутствует, а логотип крупнее.
    2. Имеется информер сообщений/заявок в друзья/ответов и прочее

    О том, откуда это берется, можно прочитать на странице с описанием технологии.

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

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

    Как реализовать?

    Создаем пустой файл в блокноте (кодировка UTF-8) с названием manifest и расширением json. Указываем версию манифеста и версию API в этом файле:

    {
     "version": "1",
     "api_version": 1,
    }
    

    Добавляем настройки внешнего вида информера: ссылка на логотип, цвет фона, показывать ли заголовок сайта

     "layout": {
     "logo": "http://ucozmagazines.ru/bs/img/api-tableu-logo.png",
     "color": "#333333",
     "show_title": false
     }
    

    Теперь самое интересное - выводим рейтинг пользователя, который авторизован. Указываем источник API uCoz, формат отдаваемых данных, настраиваем уведомление. Уведомление состоит из названия, иконки (можно указать свои ссылки) и расположение в XML значения рейтинга.

    "feed": {
     "url": "http://ucozmagazines.ru/api/index/8",
     "format": "xml",
     "notifiers": [
     {
     "name": "username",
     "icon": "%BELL%",
     "path": "/methodResponse/params/param/value/struct/member[25]/value/string/text()"
     }
     ]
     }
    

    В данном случае рейтинг в XML по адресу http://ваш_сайт/api/index/8 имеет [25] порядковый номер тега <member> и отсчет начинается не с нуля, а с единицы.

    Собираем все вместе:

    {
     "version": "1",
     "api_version": 1,
     "layout": {
     "logo": "http://ucozmagazines.ru/bs/img/api-tableu-logo.png",
     "color": "#333333",
     "show_title": false
     },
     "feed": {
     "url": "http://ucozmagazines.ru/api/index/8",
     "format": "xml",
     "notifiers": [
     {
     "name": "username",
     "icon": "%BELL%",
     "path": "/methodResponse/params/param/value/struct/member[25]/value/string/text()"
     }
     ]
     }
    }
    

    Загружаем на сайт и подключаем в head страниц сайта этот файл:

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

    Не забываем задействовать API на своем сайте.

    Чтобы увидеть результат, необходимо удалить сайт из закладок и добавить снова.

    Решения для виджетов

    Благодаря API uCoz вариантов решений масса, главное помнить, что можно вывести только число. Что это за числа могут быть?

  1. ID, рейтинг, ранг, количество наград пользователя
  2. Количество материалов пользователя
  3. Количество материалов за день/месяц в модулях новости, блог
  4. Количество онлайн пользователей
  5. Полное описание API на uCoz находится здесь.

    К изображениям логотипов предъявляются требования. Подробная информация на странице с документацией API Табло.

    Файл-пример можно скачать здесь - http://ucozmagazines.ru/manifest.json. Если испытываете трудности, пишите в комментариях. Вместе разберемся.

    Статьи по теме

    Обсуждение

    Всего комментариев: 4

    avatar
    1
    как же, стоит)) если рейтинг ноль, то не показывается пиктограмма. А к логотипу требования определенные
    avatar
    2
    Так и не получилось! Все сделал как у вас написано, не работает.
    a
    3
    Здравствуйте! Что то не получается сделать вроде прописал все как надо, разместил тоже как положено а виджет как не отображался так и не отображается. в чем может быть проблема не пойму.

    Помогите разобраться.
    Код<meta name="yandex-tableau-widget" content="logo=http://www.aksshop.ru/logs/logo.png, color=#f5f5f5" />
    <link rel="yandex-tableau-widget" href="/manifest.json" />
    сам файл манифест: http://www.aksshop.ru/manifest.json
    avatar
    0
    4
    Здравствуйте. Вот что мне в ТП Яндекс ответили: замените значение show_title на строковое значение "all", "internal" или "none", в зависимости от того, какое отображение заголовка Вы хотите использовать.
    API Табло - создание виджета сайта в визуальных закладках
    API Табло - создание виджета сайта в визуальных закладках