Устанавливаем виджет яндекс пробки без информеров. Получение API ключа Яндекса

Для Windows Phone 05.04.2019
Для Windows Phone

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

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

Получение API ключа Яндекса

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

Затем выбираем пункт «Получить API ключ»

Нам открывается форма куда мы должны вписать адрес сайта где будет находится наш информер карта с пробками от Яндекса. Я буду вносить адрес тестового сайта. Я на всякий случай делаю с префиксом http

На выходе мы получаем с вами длиннющий ключ, который потом в коде сайта и подставим

Там же внизу вы найдете подсказку как установить ключ Яндекс пробки в структуру кода

Значит ключ мы получили, теперь сохраните его в блокнотике, чтобы потом удобно было скопировать и вставить.

Следующим шагом мы переходим во вкладку «Песочница». Чтобы вы не запутались, предыдущий шаг мы делали во вкладке «О Технологии».

В песочнице сбоку слева нам нужно выбрать подпункт «Пробки»

В этом пункте, как в матрешке, выбираем раздел «Слой пробок на карте без добавления кнопки»

Вот теперь начинается самое интересное! Нам необходимо перейти в нашего блога, зайти в раздел «Внешний Вид->Редактор» и выбрать шаблон страницы header.php. Именно сюда мы будем подключать кусочек скрипта и связываться с api яндекса. Вот сам код, в нем вы меняете только ключ и раздел сервиса.

Значит еще раз повторюсь ключ вы вставляете после слова key а сам раздел, указывающий на то,что мы подключаем именно яндекс пробки следующий modules = traffic

Вставлять мы его будем между служебными тегами < head > < / head > как это показано здесь.

Думаю понятно разжевал:-)

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

Итак, следующий шаг наших действий Вам нужно скопировать еще один код ниже

YMaps.jQuery(function () { // создание карты var map = new YMaps.Map(YMaps.jQuery("#YMapsID")), // создание элемента управления "Пробки" traffic = new YMaps.Traffic.Control(); // инициализация карты map.setCenter(new YMaps.GeoPoint(20.501989,54.719919), 10); // добавление элемента управления "Пробки" на карту map.addControl(traffic); // включение показа пробок traffic.show(); });

YMaps . jQuery (function () {

// создание карты

var map = new YMaps . Map (YMaps . jQuery ("#YMapsID" ) [ 0 ] ) ,

// создание элемента управления "Пробки"

traffic = new YMaps . Traffic . Control () ;

// инициализация карты

map . setCenter (new YMaps . GeoPoint (20.501989 , 54.719919 ) , 10 ) ;

// добавление элемента управления "Пробки" на карту

map . addControl (traffic ) ;

// включение показа пробок

traffic . show () ;

} ) ;

и вставить его ниже кода с подключением API, вот как этом скриншоте

Подлючаем Яндекс пробки через код html

Давайте подытожим, что мы сделали. Мы подключили ключ, вставили два кусочка кода яваскрипта от api яндекса в шаблон header.php. Теперь мы должны определиться с тем местом, где наш информер яндекс пробки будет отображаться. Для этого я создам у себя отдельный виджет, который будет размещаться в сайдбаре.

Зайдем во вкладку виджеты и выберем произвольную текстовую область.

Назовем ее например «Пробки Города» и вставим вот этот код

Вы можете регулировать размеры карты через стили внутри контейнера div. В моем случае я задал размеры по длине width : 230px ;

И вот, что у нас в итоге получилось. Смотрите на скриншот

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

Определение города в Яндекс Пробках

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

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

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

Все что нам остается это вписать полученные координаты в «тело» скрипта, как показано на этом скриншоте

Теперь мы в курсе дорожной обстановки по пробкам в Архангельске 🙂

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

Для использования информационных сервисов поисковой системы Яндекс на сторонних сайтах предусмотрены информеры — автоматически обновляющиеся графические или текстовые элементы (блоки). Чтобы получить код для вставки информера любого сервиса, необходимо быть авторизованным пользователем Яндекса и согласиться с условиями пользовательского соглашения.

Яндекс.Новости

Получить код новостного информера можно на странице http://news.yandex.ru/export.html. Для этого необходимо выбрать тематику новостей (предлагается более 30), количество заголовков (3, 5 или 15), их сортировку, оформление и настройки показа даты и времени. Готовый скрипт необходимо скопировать и вставить в код сайта.

Пользователям сервиса LiveJournal.com предоставляется возможность включить заголовки Яндекс.Новостей (сокращенный или полный вариант) в ленту друзей, добавив один или несколько из предложенных трансляционных аккаунтов.

Раскрутка сайта с помощью Яндекс. Новостей заключается в их трансляции в формате RSS 2.0. Для размещения заголовков и аннотаций сюжетов на странице необходимо указать Yandex как источник новостей и проставить ссылки под preview каждой публикации на данный сервис.

Яндекс.Расписания

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

Яндекс.Погода

Погодный информер Яндекса доступен в 4х размерах: 175 х 114, 200 х 100, 120 х 156 или 150 х 150. Можно выбрать блок белого цвета или разноцветный. Оттенки меняются от темно-синего до светло-желтого в зависимости от погодных условий в выбранном городе. При резких похолоданиях ночью значение температуры выделяется красным. Дополнительно демонстрируются предупреждения о гололеде, грозе, тумане и других атмосферных явлениях. Данный информер может устанавливаться, например, при продвижении в Яндексе сайтов какого-либо города или региона.

Яндекс.Пробки

Информер позволяет разместить на сайте информацию о загруженности дорог в Москве, Санкт-Петербурге, Екатеринбурге или Киеве. Доступны 9 вариантов размера блока - от 88 х 110 до 234 х 200 и 2 дизайна.

Яндекс Пробки – это приложение, предназначенное для водителей стран СНГ – России, Украины, Казахстана, Беларуссии, в общей сложности около 60 городов. Эта программа показывает актуальную ситуацию на дорогах, помогая автомобилистам миновать места с затрудненным движением, выбирая для себя наиболее комфортный маршрут.

Одна из ключевых особенностей этого виджета для андроид состоит в возможности быстрого взаимодействия с Яндекс Картами. На практике это выглядит так: водитель оценил ситуацию в “Пробках”, свернул программу, перешел в “Карты” и при необходимости проложил для себя новую схему, потратив на это минимальное количество времени. Еще одно преимущество виджета Яндекс Пробки состоит в том, что пользователь сам может указать подходящее для него время обновления данных, что позволяет иметь в своем распоряжении самые точные, актуальные данные. Интерфейс виджета достаточно прост и понятен для того, чтобы с легкостью менять его настройки, указать интересующий город и подогнать прочие тонкости под себя.

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

Какие преимущества получает водитель?

К наиболее значимым положительным особенностям этого виджета вполне справедливо относят:

  • Установить приложение- это значит, контролировать актуальную ситуацию на дороге на протяжении всего интересующего маршрута, вне зависимости от того, в какой из его точек вы находитесь на данный момент;
  • Скачивание осуществляется совершенно бесплатно, в течение нескольких минут;
  • Мобильные программы из этой серии работают стабильно и быстро, не доставляя водителю даже незначительных хлопот;
  • Такой софт показывает только актуальную ситуацию в соответствии с настройками обновления, установленными водителем;
  • Широкий спектр доступных установок помогает оптимизировать работу программного обеспечения в соответствии с вашими индивидуальными потребностями;
  • В пробках, скачать которые вы можете на этом сайте, представлена большая часть крупных городов России и ближнего зарубежья. Установить Яндекс Пробки – это собрать все полезные данные воедино;

Любой автолюбитель, проживающий в мегаполисе прекрасно знает о том, что для того, чтобы миновать дорожные заторы, необходимо либо рано просыпаться, либо передвигаться на метро, либо уметь виртуозно объезжать проблемные участки дороги. Применение рассматриваемого приложения избавляет вас от любой из этих проблем, предлагая оптимальные маршруты передвижения с возможностью их оперативной корректировки в соответствии с тем, как складывается ситуация на маршруте вашего следования. Использовать этот софт легко и приятно. Уже первые часы использования это четко покажут. Так что скачайте виджет Яндекс.Карты из нашего сайта, и решите проблему с пробками. Мы также подготовили для вас ролик, который подробнее раскрывает тему – а как же Яндекс Навигатор строит пробки?

Многие владельцы для улучшения своего сайта устанавливают на него различные сторонние информеры или виджеты. Информер — это «информатор», который призван донести до посетителя дополнительную информацию.

Как правило, все CMS позволяют разместить на сайте информеры.

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

Обычно, информеры предоставляются бесплатно в обмен на установку обратной ссылки. Ссылка является частью информера.

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

Правила установки информера:

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

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

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

Виды информеров:

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

Информеры и виджеты курса валют

Информер курса валют будет полезен компаниям, у которых стоимость услуг или товаров привязана к курсу. Такие виджеты могут предоставить информацию о котировках на биржах, колебаниях цен. Валютные информеры можно брать на сайте investing.com , ExDex или forex-informers .

Информеры и виджеты погоды

Информер погоды на сайт следует размещать компаниям, которые предоставляют услуги по туризму, рыбалке, охоте и размещению гостей, например турбазы, гостевые дома и гостиницы. Возможно, такие информеры подойдут и магазинам, которые продают сезонные вещи, например оборудование для зимних видов спорта. Можно воспользоваться сервисами Gismeteo или Яндекс.Погода . Gismeteo. Они развернутые и краткие. Дают информацию о текущей погоде и прогноз на несколько дней.

Информеры и виджеты новостей

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

Информер Яндекс.Расписания

Информеры и виджеты календаря

Информер календарь для сайта будет удобен посетителям сайта, если им нужно видеть какие-то даты, например, начала тура, экскурсии или начало/конец приема каких-либо документов. Очень удобный сервис календаря предлагает Google. они описывают инструкцию по размещению информера календарь на сайте.Так же есть следующие сервисы: chasikov.net.ru , calendar.yuretz.ru .

Информеры счетчиков посещаемости

У счетчиков посещаемости так же имеются информеры, на них отражены данные о посещаемости сайта, обычно их располагают в боковых колонках сайта или в подвале.

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

Информеры и виджеты социальных сетей

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



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

Наверх