Виджет все в одном для яндекса. Как добавить виджет на главную страницу Яндекса и настроить тему

Для Андроид 03.08.2019
Для Андроид

Android-версия «Яндекс.Браузера» получила обновление, привносящее на главную страницу веб-обозревателя виджеты сервисов «Яндекса». В компании считают, что это сэкономит время пользователей.

GIF-анимация
доступна по клику


Виджеты в мобильном браузере, находящиеся под поисковой строкой на главном экране, отображают информацию из фирменных сервисов «Яндекса»: погоду, новости, пробки и курс валют. По официальным данным, сайт yandex.ru является самым часто посещаемым среди всех пользователей «Яндекс.Браузера». Ежедневно на него заходят 25% пользователей, а каждую неделю - почти половина. В компании сказали, что такая популярность сайта обусловлена не тем, что в него встроен поисковик, а его сервисами - люди открывают «Яндекс» для чтения новостей или просмотра прогноза погоды. Виджеты сокращают путь пользователей до важной информации, поскольку они всегда отображаются на главной странице и их крайне легко открыть (достаточно нажать на кнопку «Я»).


Пока что обновление доступно только для устройств под управлением Android. Облегчённая версия браузера не получила аналогичный функционал. Вероятно, в скором времени виджеты появятся и в версии веб-обозревателя для iPhone и iPad.

Здравствуйте, уважаемые читатели блога сайт. Я уже рассказывал, что главная страница Яндекса (в отличии от ее аналога в Гугле) довольно просто настраивается, ибо это по сути портал в интернет, которым пользуются миллионы жителей рунета, и было бы логичным дать пользователям возможность сделать этот самый портал (место погружения в ) максимально им полезным и удобным. Этой цели как раз и служат различные виджеты и темы.

В результате откроется окно со всевозможными виджетами от разных производителей (блоки от самого Яндекса скромно расположились в самом низу):

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

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

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

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

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

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

Если хотите, то можете на свою главную страницу Yandex.ru, перейдя по приведенной ссылке, за что буду вам очень признателен. Выглядеть это безобразие будет примерно так:

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

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на
");">

Вам может быть интересно

Кнопки для мобильных сайтов от Uptolike + возможность делиться ссылками в мессенджерах Как сделать главную страницу Яндекса или Гугла стартовой, а также любую страницу (например, эту) установить как домашнюю
Яндекс Народ - как бесплатно создать сайт и использовать файлообменник
Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов Что такое девайс и чем он отличается от гаджета
Бесплатные онлайн-переводчики от Гугла, Яндекса и других сервисов - выбираем лучший перевод
Яндекс Маркет - ваш онлайн помощник при любой покупке

Большинство пользователей привыкли уже к главной странице Яндекса, но ее легко можно изменить. Например, сделать главную страницу такой:

Настройки действуют только для того браузера, с которого настраиваете!

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

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

Для удобства подбора необходимой темы, можно выбирать из предложенных разделов, например, «лето», «весна», «мода» и т.д. Разделы указываются в верхней части появившегося меню с темами. Так же темы делятся на «все» и «новые».

Если темы не устраивают, можно перелистывать темы стрелочками вправо и влево.

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

Второй пункт меню настроек внешнего вида Яндекса — «настроить Яндекс». Здесь задаются те виджеты , которые Вы будете видеть на главной странице Яндекс-поиска.

При нажатии «настроить яндекс», переходим в режим замены и удаления ненужных виджетов. Виджеты можно просто перетаскивать с помощью мышки на место другого виджета (навести на виджет, зажать левую кнопку мыши и тащить), либо их можно удалять, нажимая крестик в правом верхнем углу. У некоторых виджетов есть собственные настройки, в зависимости от показываемой информации. Например, виджет «яндекс-пробки» можно настроить на любой город, а так же задать маршрут «работа-дом».

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

Слева можно выбрать интересующую тематику виджета, а справа расположены сами виджеты с коротким описанием. Внизу страницы находится нумерация для перехода на следующие или предыдущие страницы.

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

После этого виджет появляется на главной странице и его можно перетаскивать на место других виджетов. Необходимо выбрать действие — «оставить» или «удалить».

В верхнем меню имеются кнопки — «вернуть» для возвращения удаленных виджетов (если не удаляли, то такой кнопки не будет), «сбросить настройки» — возвращает все как было изначально, так же сбрасывается все оформление страницы, «отмена» для возврата того вида, который был до изменений и «сохранить» — для сохранения изменений.

В поле для ввода названия города начинаем вводить начальные буквы города и далее выбираем его из выпадающего списка. Самостоятельно город ввести не удастся, только выбирать из списка. Здесь же можно установить город по умолчанию, то есть город будет определяться автоматически. Поставив галочку в пункте «не уточнять мое местоположение», Вам не будут показываться всплывающие окна с вопросом, например, «вы в Москве?» и двумя вариантами ответа — «да» и «нет». После выбора города, нажимаем кнопку «вернуться».

Всем привет! В конце прошлого года ко мне на почту пришло письмо от команды Яндекс.Браузера, в котором шла речь про 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), т.к. нельзя настроить отступы и цвет шрифта — в моем случае название является частью изображения. А Вы уже сделали виджет своего сайта для табло браузера и визуальных закладок Яндекса?

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

Коротко о том, как поможет данный сервис в продвижении Вашего сайта:

  • если Вам удастся показать этот виджет множеству глаз и убедить их установить его себе в браузер – это дополнительный поток клиентов или посетителей = повышение трафика на сайте, и конечно же конверсии.
  • создать и настроить widget яндекс для сайта очень легко, так же с легкостью его можно прикрутить к сайту и при хорошем трафике сайта – можно увеличить кол-во постоянных читателей – а это является альтернативой RSS ленты.
  • Вы можете сделать такие виджеты для каждого своего ресурса в неограниченном количестве.

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

  • Если показатель установки Вашего виджета другими пользователями будет высоким, сами понимаете, те кто его установили — будут видеть у себя в браузере каждый день новости Вашего ресурса, тем временем происходит, как я называю это – «мозоль глаз». Сейчас на маленьком примере объясню:

К примеру, у Вас есть интернет магазин и Вы продаете стиральные машинки, как вы думаете, пользователь который прикрепил Ваш виджет в своем браузере, где в первую очередь он начнет искать? Конечно на Вашем сайте – так как Вы уже ему намылили глаз своим виджетом (Вы уже присутствуете в его жизни).

Такая же история с теми кто ведет свой блог — как я выше писал — этот widget можно назвать некой альтернативой RSS ленты, конечно же пользователь может и не оставит Вам свои данные (e-mail и т.д.), но это лучше чем если бы он просто закрыл страничку.

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

Создать Яндекс Виджеты для Сайта.

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

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

По умолчанию и самый простой это RSS-виджет (ниже находятся примеры отображения всех виджетов).

1. Нажмите на «Я принимаю соглашение » для «Условия использования сервиса Кабинет разработчиков Виджетов »

2. «Заголовок виджета » — В этом поле, Вы должны дать краткое название описывающую суть и смысл данного widget-а. Название должно призывать/убедить пользователя что этот виджет ему необходим. Заголовок не должен превышать 25 символов с пробелом – посчитать символы можно .

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

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

5. «Путь к RSS » — долго я не мог настраивать свой widget, так как не понимал что это за путь к RSS. Сначала я вписывал туда свою RSS ленту, потом понял что это не так, в это поле просто нужно прописать адрес сайта и «/feed/ », в итоге получится «http://ваш_сайт.ru/feed/ ». Если появятся проблемы с этой настройкой, напишите в комментариях, постараюсь помочь.

6. «Картинка » — тут Вы можете загрузить любую картинку, главное что, увидев ее, пользователь понял о чем идет речь. Как и заголовок/описание, картинка также должна отображать суть Вашего сайта. К примеру если у Вас есть кулинарный сайт, имеет смысл загрузить картинку с каким-нибудь салатиком, тортиком и т.д., думаю смысл Вы уловили.

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

7. «Внешний вид » - «обычный », «обычный с фото » и «журнальный ». Выбирайте по вкусу, ниже приведены примеры отображения виджета для моего сайта по каждому из видов:

Внутри готового уже виджета, пользователь имеет возможность прокрутки отображаемой информации, что есть очень удобно.

8. «Высота виджета » — я оставил «автоматическую », Вам тоже советую. По желанию можно попробовать «обычную » или «компактную ».

9. «Показывать только заголовки »: «Да », «Нет ».

Если выберете «Нет », в зависимости от «Внешнего вида », внутри виджета можно увидеть картинку (если она есть в статье) и некоторое количество текста статьи. Работает только при выборе отображения «Обычный » и «Журнальный ». Не бойтесь экспериментировать, всегда можно удалить и создать по новой.

Если Ваш Выбор «Да » — внутри widget-а будет показываться заголовок статьи и какая-нибудь картинка из той же статьи.

10. «Язык виджета » — по умолчанию – «русский » — настраиваете по желанию.

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

На странице просмотра полученного результата Вы найдете:

  • код виджета для вставки в блог - Вы можете скопировать этот код и вставить его, к примеру в сайдбар Вашего сайта или куда Вам угодно – думаю тут долго объяснять не надо, вопросы в комментариях.
  • ссылка для установки на яндекс – эту ссылку Вы можете распространять в любом виде – картинкой, просто ссылку и т.д. Посмотрите мой пример – в правом сайдбаре.
  • предложить виджет в региональную программу – Вы можете выбрать нужный Вам регион и нажать на «предложить », после прохождения модерации, Ваш виджет появится в региональной программе.
  • ниже находится поле редактирования виджета - где Вы сможете изменить все выше описанные настройки по желанию. Если Вы хотите удалить его – найдите вверху страницы – «удалить виджет ».

Каталог виджетов яндекс

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

Маленький совет: Зайдите в «Каталог Виджетов Яндекс», проанализируйте самые популярные виджеты Вашей сферы деятельности и копируйте их – конечно не полностью – просто крадите их фишки – и вот, у Вас настроен еще один источник привлечения и повышения трафика.

Более подробную информацию Вы найдете у себя в кабинете по ссылке «Правила » и «Документация ».

Для того что бы увидеть как все это работает и как это выглядит со стороны пользователя, нажмите на зеленую кнопку «Добавить на Яндекс » и в новом окне которое откроется, на «Оставить ».

Как удалить виджеты с яндекса?

Очень просто – наводите курсор мышки над нужным виджетом, вверху появятся 3 иконки «Натроить », «Поелиться » и «Удалить » — для его удаления из яндекса, нажимаем на крестик.

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

Вопросы в комментариях, социальные кнопки ниже и подписка на получение новостей тоже.



Рекомендуем почитать

Наверх