Как сделать виджет сайта в браузере Яндекс
Давайте сделаем для своего сайта виджет, который будет виден пользователям в Яндекс.Браузере, а так же у тех, кто установил Визуальные закладки от Yandex.
Минутная работа, которая дополнительно выделит ваш сайт среди конкурентов у пользователей указанного браузера и сервиса.
Пренебрегать подобными вещами не нужно, т.к. это бесплатный способ добиться повторного возврата человека на ваш сайт и заполучить "костяк посетителей".
Вот так выглядит мой сайт в браузере от Яндекс. Работы на минуту, если не считать рисование логотипа.
Инструкция от самого поискового гиганта на странице API Табло. Я же расскажу своим языком.
Стоит напомнить, что чем больше целевого трафика вы будете привлекать на сайт, тем больше сможете заработать. Со временем вам может пригодиться вывод Вебмани, о чем узнаете по указанной ссылке.
Шаг 1. У вас должен быть логотип
Для начала необходимо иметь логотип вашего сайта, который будет отражен в виджете. Можете нарисовать сами, либо заказать дизайнеру.
Он должен придерживаться критериев:
- Ширина макс. 150px.
- Высота макс. 60px.
- Прозрачный фон.
- Формат изображения .png
Подсказка от меня: не делайте лого слишком пестрым или с обилием надписей. Пользователей должен за секунду отличить виджет вашего сайта от других. Посмотрите как делают конкуренты.
Шаг 2. Создаем файл манифеста API Табло
Файл манифеста - это то место, где вы пропишите путь до картинки своего логотипа для виджета, а также фон самого виджета.
Создаем новый файл и называем его manifest.json (json - это его расширение, как txt, doc, psd и прочие). Внутри данного файла у вас будет следующее:
{
"version": "1.0",
"api_version": 1,
"layout":
{
"logo": "https://mojwp.ru/wp-content/uploads/banners/mojwp-yandex.png",
"color": "#0084C8",
"show_title": false
}
}Немного пояснений:
- version": "1.0" - это номер версии вашего манифеста. Можете оставлять как есть сейчас 1.0. Главное не начинать с 0, т.к. он не будет поддерживаться.
- api_version": 1 - это ферсия api у Яндекс Табло. Оставляем как есть.
- "logo": - это путь до логотипа, который вы ранее создали (Шаг 1). Его вы должны закачать куда-либо в сеть и тут прописать путь до него.
- "color": - это цвет фона самого виджета. Если глянете на первую картинку, то там у меня сам виджет синий. Здесь он и задается. Подберите для себя подходящий. Можно воспользоваться пипеткой от FastStone Capture
- "show_title" - выводить или нет название сайта в виджете. У меня на картинке выводит, поэтому должно стоять значение true. В свою очередь false запрещает показывать название сайта.
Теперь закачиваем файл манифеста в корень сайта на хостинге и прописываем внутри секции <head></head> строчку:
Для WordPress это будет файл header.php, где вы сможете вставить нужное. Поищите </head> и можете прямо перед ним разместить указанною строку.
Шаг 3. Проверяем
Теперь давайте проверим все ли правильно сделали. Для этого откройте Яндекс.Браузер и в адресную строку вставьте chrome://tableau-widget чтобы появилась строка для ввода URL вашего манифеста. Вставьте в нее:
https://mojwp.ru/manifest.jsonЗдесь указано, что адрес расположения манифеста на моем сайте в корне. Вам остается подставить свои данные. Если все ОК, то сразу увидите результат.
Послесловие
API Табло позволяет настраивать появление иконок сообщений если вам кто-то написал сообщение на сайте. Однако это "дебри" для владельцев социалок и т.п. сервисов.
Я же поинтересовался у тех. поддержки Яндекс о возможности подключении сообщений о выходе новых статей через ту же RSS. Ответили мне очень оперативно, в течении дня. Молодцы. Вот их ответ:
Желаю развития сервису, чтобы подключали новые возможности для пользователей.
Будете делать для своего сайта подобный виджет или "забьете болт"?
