Всем привет! В конце прошлого года ко мне на почту пришло письмо от команды Яндекс.Браузера, в котором шла речь про API Табло и виджет сайта . Честно сказать, я не являюсь постоянным пользователем этого браузера, однако сообщение вызвало неподдельный интерес.
- пользователи Яндекс Браузера;
- пользователи других браузеров с установленным расширением Визуальные закладки .
На данный момент Яндекс браузеру всего лишь чуть больше года, однако его доля среди пользователей рунета составляет порядка 5% и охват постоянно растет.
Представьте себе, что среди этих пяти процентов находится Ваша , почему бы не выделить свой сайт на фоне остальных?
А если учесть, что расширение «Визуальные закладки» доступно для других популярных браузеров, таких как Google Chrome, Mozilla Firefox, Internet Explorer — то число пользователей API Табло будет намного больше. Нужно ли создавать виджет сайта в том случае, если лично Вы не пользуетесь Яндекс.Браузером? Однозначно да!
Как создать виджет сайта для API табло
Начну рассказывать и показывать как это сделать, а за основу в качестве примера возьму свой блог. Но для начала давайте определимся, какие изменения нам предстоит сделать и как они отразятся на табло. Мы сможем:
- изменить фон виджета для нашего сайта;
- добавить свой логотип;
- настроить вывод значков различных уведомлений.
Для того чтобы внести все эти модификации нам понадобится создать файл манифеста для виджета с именем manifest.json , который будет содержать блок метаданных на языке XML. Затем подключаем файл в заголовке страницы, внутри
. Я разместил файл в корневом каталоге, но если хотите — можете использовать другой путь:| 1 | <link rel = "yandex-tableau-widget" href = "/manifest.json" / > |
Содержимое файла:
| 1 2 3 4 5 6 7 8 9 10 | { "version" : "1.0" , "api_version" : 1 , "layout" : { "logo" : "https://сайт/wp-content/themes/lime/images/manifest.png" , "color" : "#e9ffd0" , "show_title" : false } } |
{ "version": "1..png", "color": "#e9ffd0", "show_title": false } }
Внимание! Вам потребуется внести свои изменения в код перед применением! Что означают указанные параметры:
- version — версия виджета. Любое число, например 1 или 2; 1.0 или 2.0 и т.д.
- api_version — номер версии API Табло. На данный момент существует только 1.
- logo — укажите абсолютный путь к графическому файлу логотипа.
- color — цвет заливки фона.
- show_title — отображение заголовка страницы. Может принимать два значения: false — не показывать; true — показывать.
В своем примере я не стал приводить настройки значков уведомлений, потому как не компетентен в данном вопросе — здесь потребуется помощь программиста. Среди возможных вариантов применения — уведомления о новых письмах (как это реализовано у Яндекс почты), число лайков и прочее. Более подробную техническую документацию можно найти на странице Яндекс API , в том числе примеры настройки уведомлений.
К логотипу предъявляются особые требования:
- графический файл должен быть формата PNG с прозрачным фоном;
- максимальные размеры: ширина 150px, высота 60px.
Все виджеты Яндекс Табло обновляются автоматически с некоторым заданным интервалом, понадобится время чтобы увидеть изменения. Возможно придется несколько раз почистить браузера. Однако, если Вы не желаете ждать, то откройте в Яндекс браузере страницу chrome://tableau-widget и укажите в строке URL манифеста, после чего нажмите на кнопку Проверить:
Если код манифеста оформлен верно — появится надпись «Манифест виджета верен», в противном случае возникнет ошибка. Есть и другой способ увидеть изменения сразу — вручную добавить сайт на табло:
После продолжительных манипуляций в конце-концов я получил такой результат:
Он конечно не претендует на звание лучшей дизайнерской работы 😀 По крайней мере отражает суть и заданный стиль оформления блога. А тайтл я не стал выводить (show_title), т.к. нельзя настроить отступы и цвет шрифта — в моем случае название является частью изображения. А Вы уже сделали виджет своего сайта для табло браузера и визуальных закладок Яндекса?
Android-версия «Яндекс.Браузера» получила обновление, привносящее на главную страницу веб-обозревателя виджеты сервисов «Яндекса». В компании считают, что это сэкономит время пользователей.
GIF-анимация
доступна по клику
Виджеты в мобильном браузере, находящиеся под поисковой строкой на главном экране, отображают информацию из фирменных сервисов «Яндекса»: погоду, новости, пробки и курс валют. По официальным данным, сайт yandex.ru является самым часто посещаемым среди всех пользователей «Яндекс.Браузера». Ежедневно на него заходят 25% пользователей, а каждую неделю - почти половина. В компании сказали, что такая популярность сайта обусловлена не тем, что в него встроен поисковик, а его сервисами - люди открывают «Яндекс» для чтения новостей или просмотра прогноза погоды. Виджеты сокращают путь пользователей до важной информации, поскольку они всегда отображаются на главной странице и их крайне легко открыть (достаточно нажать на кнопку «Я»).
Пока что обновление доступно только для устройств под управлением Android. Облегчённая версия браузера не получила аналогичный функционал. Вероятно, в скором времени виджеты появятся и в версии веб-обозревателя для iPhone и iPad.
Здравствуйте, уважаемые читатели блога сайт. Я уже рассказывал, что главная страница Яндекса (в отличии от ее аналога в Гугле) довольно просто настраивается, ибо это по сути портал в интернет, которым пользуются миллионы жителей рунета, и было бы логичным дать пользователям возможность сделать этот самый портал (место погружения в ) максимально им полезным и удобным. Этой цели как раз и служат различные виджеты и темы.
В результате откроется окно со всевозможными виджетами от разных производителей (блоки от самого Яндекса скромно расположились в самом низу):
Вверху вы можете переходить по двум вкладкам, первая из которых позволит добавить нужные вам блоки на главную, а вторая вкладка добавит блоки на рабочий стол вашего компьютера.
Последнее время на главной страницы стал еще выводиться , где посетителям предлагаются индивидуальные подборки новых материалов появившихся в интернете. Из всех настроек этого блока вам будет доступно только его сворачивание.
Как создать свой виджет для главной страницы Яндекса
Что примечательно, виджет Яndex может создать любой желающий, будь то владелец интернет-бизнеса или же обычный владелец сайта, такого, например, как сайт.
Для этого вам достаточно зайти в Каталог разработчиков . Для сайтов лучше всего подойдет виджет, созданный на основе RSS ленты. В нем будут отображаться новые материалы вашего интернет-проекта:
В результате вы увидите внешний вид созданного вами блока новостей, а также получите возможность скопировать код рекламного блока, призывающего посетителей вашего ресурса установить на своей главной странице Яндекса ваш виджет. Или же вы можете скопировать одну лишь ссылку на страницу , где пользователь сможет установить ваше творение:
Если хотите, то можете на свою главную страницу Yandex.ru, перейдя по приведенной ссылке, за что буду вам очень признателен. Выглядеть это безобразие будет примерно так:
Как вы можете видеть, в данном блоке имеется возможность прокрутки, чтобы просмотреть все имеющиеся новости моего блога.
Удачи вам! До скорых встреч на страницах блога сайт
посмотреть еще ролики можно перейдя на");">
Вам может быть интересно
Кнопки для мобильных сайтов от Uptolike + возможность делиться ссылками в мессенджерах
Как сделать главную страницу Яндекса или Гугла стартовой, а также любую страницу (например, эту) установить как домашнюю
Яндекс Народ - как бесплатно создать сайт и использовать файлообменник
Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов
Что такое девайс и чем он отличается от гаджета
Бесплатные онлайн-переводчики от Гугла, Яндекса и других сервисов - выбираем лучший перевод
Яндекс Маркет - ваш онлайн помощник при любой покупке
Не секрет, что многие пользователи начинают свой сёрфинг в интернете со стартовой страницы поисковой системы Яндекс. Именно отсюда они набирают свои запросы, здесь смотрят погоду, дорожную ситуацию или читают новости.
Для тех пользователей, у кого в Яндексе есть аккаунт, существует возможность настраивать стартовую страницу поисковика по своему вкусу. Например, добавить на Яндекс виджет стороннего сайта. Что это значит? Это означает, что при заходе на главную страницу у вас помимо информации самого Яндекса будут отображаться последние новости с заинтересовавшего сайта. Например, вы можете добавить на Яндекс виджет «Хорошие новости и добрые истории ». И при каждом посещении стартовой страницы поисковика вы будете видеть заголовки и картинки наших свежих статей.
Для того, чтобы добавить виджет, нужно нажать на зелёную кнопку «Добавить на Яндекс» наверху любой страницы нашего сайта (или прямо тут: ). В открывшейся новой вкладке со стартовой страницей Яндекса появится вопрос: «Вы действительно хотите добавить этот виджет?». Если да, то нужно нажать «Сохранить». Если по каким-то причинам вы передумали, выберите «Удалить»
Попробовав добавить наш виджет, вы поймёте, что добавляется он в любое свободное место на странице. Но что делать, если вам хочется сделать его более заметным, например, поднять выше?
Для этого поисковик предусмотрел возможность настроить оформление. Чтобы это сделать, в правом верхнем углу страницы нужно кликнуть на изобрашение шестерёнки и выбрать пункт «Настроить Яндекс».
Сразу после этого страница перезагрузится - и появится возможность передвигать любой блок с информацией на удобное вам место. Например, можно поднять виджет «Хорошие новости и истории» повыше, чтобы его было видно сразу при открытии страницы.
Вы даже можете сделать так, как показано на картинке ниже: добавить наш виджет на Яндексе на самый верх, рядом с основными новостями страны и мира.
После того, как все необходимые перестановки блоков на стартовой странице yandex.ru выполнены, нужно не забыть нажать в правом верхнем углу кнопку «Сохранить».
После этого страничка перезагрузится, а все блоки теперь при любом заходе на страницу будут находиться на определённых вами местах.
А теперь кратко повторим весь алгоритм добавления виджета на Яндекс и настройки его местоположения.
Добавление виджета на Яндекс
- Перейти по ссылке «Добавить на Яндекс» (нажать на зелёную кнопку).
- В открывшемся окне нажать «Сохранить».
Перемещение виджета на Яндексе
- В правом верхнем углу кликнуть на шестерёнку (колёсико с зубчиками) и выбрать пункт «Настроить Яндекс».
- Переместить нужный блок туда, куда вам надо.
- В правом верхнем углу нажать «Сохранить».
Отметим, что добавление виджета и настройка Яндекса возможны только если у вас есть аккаунт и вы авторизованы.
Вот так просто можно добавить виджет с любой интересной вам информацией на стартовую страницу поисковой системы. Конечно, не у каждого сайта есть такая разработка. Найти все существующие виджеты для Яндекса можно в специальном каталоге компании по адресу widgets.yandex.ru .
Большинство пользователей привыкли уже к главной странице Яндекса, но ее легко можно изменить. Например, сделать главную страницу такой:
Настройки действуют только для того браузера, с которого настраиваете!
Начнем с оформления. Чтобы выбрать тему для главной страницы, необходимо нажать значок в правом верхнем углу и, в появившемся меню, выбрать строку «поставить тему».
Внизу страницы появляются анимированные темы, щелкнув по которой можно посмотреть, как будет выглядеть страница.
Для удобства подбора необходимой темы, можно выбирать из предложенных разделов, например, «лето», «весна», «мода» и т.д. Разделы указываются в верхней части появившегося меню с темами. Так же темы делятся на «все» и «новые».
Если темы не устраивают, можно перелистывать темы стрелочками вправо и влево.
После выбора темы, необходимо нажать кнопку «сохранить тему», которая находится снизу. Если передумали устанавливать тему, то можно закрыть окно или нажать кнопку «отмена».
Второй пункт меню настроек внешнего вида Яндекса — «настроить Яндекс». Здесь задаются те виджеты , которые Вы будете видеть на главной странице Яндекс-поиска.
При нажатии «настроить яндекс», переходим в режим замены и удаления ненужных виджетов. Виджеты можно просто перетаскивать с помощью мышки на место другого виджета (навести на виджет, зажать левую кнопку мыши и тащить), либо их можно удалять, нажимая крестик в правом верхнем углу. У некоторых виджетов есть собственные настройки, в зависимости от показываемой информации. Например, виджет «яндекс-пробки» можно настроить на любой город, а так же задать маршрут «работа-дом».
Кроме показанных виджетов, можно выбрать и другие. Для этого нажимаем в левом верхнем углу ссылку «добавить новый виджет».
Слева можно выбрать интересующую тематику виджета, а справа расположены сами виджеты с коротким описанием. Внизу страницы находится нумерация для перехода на следующие или предыдущие страницы.
Чтобы выбрать виджет, наводим на него курсор мышки, появляется кнопка добавить, и кликаем левой кнопкой мыши (кликать не обязательно именно по кнопке, достаточно кликнуть по гаджету или названию).
После этого виджет появляется на главной странице и его можно перетаскивать на место других виджетов. Необходимо выбрать действие — «оставить» или «удалить».
В верхнем меню имеются кнопки — «вернуть» для возвращения удаленных виджетов (если не удаляли, то такой кнопки не будет), «сбросить настройки» — возвращает все как было изначально, так же сбрасывается все оформление страницы, «отмена» для возврата того вида, который был до изменений и «сохранить» — для сохранения изменений.
В поле для ввода названия города начинаем вводить начальные буквы города и далее выбираем его из выпадающего списка. Самостоятельно город ввести не удастся, только выбирать из списка. Здесь же можно установить город по умолчанию, то есть город будет определяться автоматически. Поставив галочку в пункте «не уточнять мое местоположение», Вам не будут показываться всплывающие окна с вопросом, например, «вы в Москве?» и двумя вариантами ответа — «да» и «нет». После выбора города, нажимаем кнопку «вернуться».
