Всем привет! В конце прошлого года ко мне на почту пришло письмо от команды Яндекс.Браузера, в котором шла речь про API Табло и виджет сайта. Честно сказать, я не являюсь постоянным пользователем этого браузера, однако сообщение вызвало неподдельный интерес.
Сегодня у меня возникло желание поделиться с Вами и рассказать как использовать API. С его помощью можно сделать свой сайт более узнаваемым. Среди тех, кто увидит и оценит конечный результат, находятся:
- пользователи Яндекс Браузера;
- пользователи других браузеров с установленным расширением Визуальные закладки.
На данный момент Яндекс браузеру всего лишь чуть больше года, однако его доля среди пользователей рунета составляет порядка 5% и охват постоянно растет.
А если учесть, что расширение «Визуальные закладки» доступно для других популярных браузеров, таких как Google Chrome, Mozilla Firefox, Internet Explorer — то число пользователей API Табло будет намного больше. Нужно ли создавать виджет сайта в том случае, если лично Вы не пользуетесь Яндекс.Браузером? Однозначно да!
Как создать виджет сайта для API табло
Начну рассказывать и показывать как это сделать, а за основу в качестве примера возьму свой блог. Но для начала давайте определимся, какие изменения нам предстоит сделать и как они отразятся на табло. Мы сможем:
- изменить фон виджета для нашего сайта;
- добавить свой логотип;
- настроить вывод значков различных уведомлений.
Для того чтобы внести все эти модификации нам понадобится создать файл манифеста для виджета с именем manifest.json , который будет содержать блок метаданных на языке XML. Затем подключаем файл в заголовке страницы, внутри . Я разместил файл в корневом каталоге, но если хотите — можете использовать другой путь:
Внимание! Вам потребуется внести свои изменения в код перед применением! Что означают указанные параметры:
- 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), т.к. нельзя настроить отступы и цвет шрифта — в моем случае название является частью изображения. А Вы уже сделали виджет своего сайта для табло браузера и визуальных закладок Яндекса?
Автор: Юрий Белоусов · 04.05.2018
В Яндекс браузере на табло можно добавить всего 20 визуальных закладок, которые помогают пользователям быстро переходить на добавленные в них сайты. Некоторым пользователям этого не хватает, поэтому они хотят узнать, как увеличить количество визуальных закладок в Яндекс браузере.
Как сделать больше закладок в Яндекс браузере
20 закладок — это максимально число визуальных закладок на панели в Яндекс браузере, увеличить которое невозможно.
Что интересно, в расширении «Визуальные закладки Яндекс» для других браузеров, таких как Mozilla Firefox и Google Chrome, количество визуальных закладок несколько больше – 25 штук.
Учитывая, что сделать больше закладок в Яндекс браузере нельзя, простому пользователю остается либо:
- Смириться;
- Перейти на использование другого браузера, в котором есть расширения, поддерживающие возможность добавить большее количество визуальных закладок;
- В дополнении к визуальным закладкам использовать обычные закладки Яндекса.
Если количество визуальных закладок имеет решающее значение, то лучше всего перейти на использование браузера Опера, так как в нем нет ограничений на количество добавляемых визуальных закладок.
Вот скриншот (изображение уменьшено специально, значки по размеру даже больше чем в Яндекс браузере):
увеличить количество визуальных закладок в Яндекс браузере
Как добавить закладки в Яндекс браузере
Если же желания менять браузер нет, то единственный выход – использовать стандартные закладки.
Чтобы добавить закладки в Яндекс браузере нужно нажать на значок звездочки в правом верхнем углу, как это показано на скриншоте ниже:
Добавить закладку в Яндекс браузере
Как открыть закладки в Яндекс браузере
Открыть закладки в Яндекс браузере можно из диспетчера закладок, который можно быстро вызвать с помощью горячих клавиш: Ctrl+Shift+O .
Или нажав «Другие закладки», как это показано ниже:
Открыть закладки в Яндекс браузере
Не нашли ответ? Тогда воспользуйтесь формой поиска:
Табло в яндекс браузере – это виджеты с теми сайтами, которые пользователь посещает чаще всего. Данная подробная инструкция посвящена тому, как настроить табло в яндекс браузере. Прочитайте ее и вы узнаете, как просто и быстро осуществить настройку.
Люди используют яндекс браузер не только на компьютере, но и на телефоне. Именно поэтому изменить табло можно на всех устройствах. Рассмотрим подробнее, как можно его настроить.
На компьютере
Используя яндекс браузер на персональном компьютере, табло можно расширять, уменьшать, менять его внешний вид и т.д. Разберем подробнее.
Увеличить, уменьшить табло
Для того чтобы уменьшить или наоборот увеличить табло, нужно открыть браузер, правой кнопкой мышки кликнуть на любой виджет и во всплывающем меню выбрать кнопку «Размер табло». После этого вы увидите всплывающее меню, в котором уже можно выбрать увеличение или уменьшение.
Изменить внешний вид
Для того чтобы изменить внешний вид, нужно сделать следующие действия:
- Нужно открыть браузер и выбрать галерею фонов
- После этого нужно нажать на понравившийся вам фон
- Далее нужно нажать команду «Применить фон». После этого внешний вид изменится на новый.
Как убрать пустые места на табло
Для того чтобы убрать пустые места, нужно выполнить следующие действия:
- Правой кнопкой мышки нужно нажать на пустое место и убрать галочку с команды «Показывать свободные места на Табло»
- После того, как галочки будут убраны, свободные места исчезнут
Закрепить вкладки
Чтобы закрепить вкладки на табло, надо сделать следующее:
- Навести кнопку мышки на вкладку, которую вы хотите закрепить, и нажать на значок открытого замочка
- После этого значок станет закрытым замком, и это будет означать, что вкладка закреплена
Редактировать закладки
Чтобы редактировать закладки, которые расположены на табло, вам нужно:
- Навести кнопкой мышки на табло, и выбрать значок в виде шестеренки
- После этого вы можете редактировать закладку, изменять ее название, либо вовсе добавлять другую
Удалить сайт
Для того чтобы удалить сайт, вам требуется выполнить следующие действия:
- Навести мышку на вкладку, и нажать на появившийся крестик
- Другой способ – это нажать правой кнопкой мышки на вкладку, и в появившемся меню выбрать команду удаления
Как отключить табло
На телефоне
Приступим к разбору того, как настроить табло в яндекс браузере на смартфоне
Увеличить, уменьшить табло
В официальном приложении на смартфоне увеличить или уменьшить табло, к сожалению, не получится. Оно автоматически подгоняется под размер вашего экрана.
Изменить внешний вид
Для того чтобы изменить внешний вид нужно сделать следующее:
- Долго нажать на любое пустое место на экране в открытом браузере
- Далее нужно выбрать категорию фонов
- После этого нужно выбрать подходящий для вас фон
- Напоследок нужно нажать команду «Применить фон», после чего внешний вид поменяется
Закрепить вкладки
Для того чтобы закрепить вкладки в яндекс браузере на смартфоне, надо:
- Долго нажать на вкладку
- Затем нужно нажать на значок в виде замочка, чтобы он закрылся
Редактировать закладки
Редактировать закладки на телефоне можно только меняя их местами и удаляя. Больше никаких функция редактирования на телефоне не предусмотрено.
Удалить сайт
Для того чтобы удалить сайт с табло, нужно:
- Зажать пальцем сайт, который необходимо удалить
- После этого нужно нажать на крестик
В данной пошаговой инструкции мы рассказали, как настроить табло в яндекс браузере. Меняйте настройки так, как вам нравится, и пользуйтесь браузером с удовольствием, ведь убрать табло, все-равно, не получится.
