Яндекс про как настроить 2 гис

Как‌ ‌добавить‌ ‌карту‌ ‌Google,‌ ‌Яндекс‌ ‌и‌ ‌2ГИС‌ ‌на‌ ‌ сайт:‌ ‌просто‌ ‌по‌ ‌шагам‌

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

На сайт можно вставить карту Google, Яндекс или 2ГИС с нужной меткой, чтобы пользователи могли сразу понять, куда им предстоит ехать. И дольше оставались на сайте, рассматривая карту и увеличивая время визита, что важно для поведенческих факторов и SEO. 😉

В статье:

Выбрать можно любую карту, какая вам больше нравится.

Как вставить Яндекс карту на сайт

Первый вариант: встроить Карту с уже существующей меткой

Откройте Яндекс.Карты, найдите компанию и скопируйте код для вставки:

Карта с меткой и информацией из Яндекс.Карт будет выглядеть так:

Организация на карте Яндекса

Найдите нужный адрес.

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

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

Второй вариант: создать свою метку

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

Карта, созданная в конструкторе Яндекса

Создание карты пошагово:

Найдите адрес, выберите цвет и вид маркера.

Сохраните метку и добавьте еще адреса, если вы хотите отметить несколько филиалов.

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

Интерактивная полезнее, ее можно двигать и масштабировать. Для вставки на сайт советуем ее.

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

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

Если выбрать «Растянуть по ширине», у карты появится параметр width = 100%, то есть потом при вставке карты на сайт она займет всю ширину блока.

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

Код JavaScript можно модифицировать с помощью API: добавить панораму, маршруты, поиск. Чтобы они появились, нужно получить API-ключ в Кабинете разработчика для продукта «JavaScript API и HTTP Геокодер» и добавить его в код.

Если вам нужно поменять язык топонимов, измените параметр lang в скопированном коде. Сейчас там lang=ru_RU, но можно поставить другой язык с помощью кода языка в формате ISO 639-1 и кода региона в формате ISO 3166-1: uk_UA — украинский для Украины, tr_TR — турецкий для Турции. Для пользователей из России и Украины регион и язык подстроится под настройки паспорта пользователя.

Вставьте код с картой Яндекса на сайт через редактор страницы.

Как вставить Google карту на сайт

Первый вариант: вставить карту из Google Maps с существующей меткой

Откройте Google Maps, найдите компанию и скопируйте код для вставки:

Карта будет выглядеть так:

Карта с меткой организации из Google Maps

Найдите компанию на картах, нажмите на «Поделиться».

Нажмите «Встраивание карт» и выберите размер из предложенных или выберите «Другой размер» и укажите свои параметры.

Скопируйте получившийся HTML-код и вставьте его в код своего сайта в то место, где вы хотите разместить карту.

Второй вариант: создать свою метку в Google Maps

Так выглядит созданная нами метка в режиме предпросмотра: на ней есть описание, которое мы ввели, фотография и информация из Google Maps.

Карта с меткой компании

Пошаговое создание метки на Google картах:

Введите адрес или название компании.

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

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

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

Как вставить карту 2ГИС на сайт

Встроить карту через API

Установить интерактивную карту 2ГИС можно через JS API — это версия API для простых задач.

Карта 2ГИС

Перейдите на страницу и выберите город.

Найдите компанию по названию.

Установите нужный размер карты в правом нижнем углу.

Нажмите «Далее», прочитайте Лицензионное соглашение и примите условия.

Нажмите «Получить код» и скопируйте его для вставки на сайт.

Создать в Конструкторе карту со своими метками

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

Пошагово как сделать карту в Конструкторе 2ГИС:

Введите адрес и найдите нужное здание.

Настройте цвет метки, введите название.

Добавьте описание, можно вставить картинку с помощью разметки HTML или Markdown.

С помощью линий и выделения областей помогите клиентам сориентироваться по маршруту.

Выберите нужный размер карты.

Скопируйте код для вставки на сайт или в мобильное приложение.

Как настроить отложенную загрузку карты на сайте

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

Проверить скорость загрузки конкретной страницы можно в этом инструменте. Он бесплатно измеряет скорость загрузки в соответствии с показателем Google Core Web Vitals, оценивает разные этапы загрузки и дает рекомендации:

Фрагмент проверки

Минимизировать влияние карты на скорость загрузки страницы поможет отложенная или Lazy-load загрузка.

Загрузка карты по доскроллу до нее

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

Пользователь Хабра iefedorov для этого советует изменить код карты, который Google предлагает вставить на сайт.

Пример исходного кода:

Его нужно изменить вот так:

Браузер будет получать src = «», когда читателю понадобится карта.

Пошаговая настройка lazy-loading карты от Максима Васяновича (MaxGraph):

Загрузка карты после наведения курсора

Другой пользователь Хабра Dionisvl предлагает такой способ оптимизировать карту Яндекса, чтобы она подгружалась только при наведении на нее курсора мыши.

При создании карты в конструкторе Яндекса с использованием API-ключа получился примерно такой код:

На сайте нужно написать контейнер для блока с картой:

Также нужны стили для статичной картинки, подойдет скриншот.

Нужен JavaScript-код, который будет отслеживать события — наведение курсора мыши на карту или тап по карте на экране смартфона — и подменять статичное изображение на интерактивную карту:

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

Проверить весь сайт на ошибки поможет сервис Анализ сайта: у него есть 70 тестов для анализа ваших и конкурентных проектов. Можно проверить не только главную, но и внутренние страницы. Оценит оптимизацию контента, ссылочную массу, технические параметры и другое.

Фрагмент проверки сайта

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

Источник

Продвижение бизнеса в Яндекс.Картах и 2ГИС: сравниваем возможности

Почему реклама в картах must have для любого бизнеса, который продает офлайн, как она работает и чем отличается продвижение в Яндекс.Картах от продвижения в 2ГИС, объясняет руководитель отдела интернет-маркетинга Landing.ru Константин Дубовой.

Часто люди, которые хотят купить что-то офлайн, открывают на своем смартфоне один из картографических сервисов и ищут неподалеку компанию, готовую закрыть их потребность. Яндекс подсчитал, что более половины запросов в Картах посвящена поиску организаций. По данным Google, в 2020 году число запросов о товарах и услугах поблизости — фразы со словосочетанием near me на разных языках — увеличилось более чем в два раза по всему миру по сравнению с 2019-м. Поэтому для продвижения товаров и услуг в картах существует реклама.

В России карты Яндекс и 2ГИС — лидеры в предоставлении рекламного инвентаря. Сегодня мы поговорим об особенностях продвижения в этих сервисах.

Аудитория карт

По данным Яндекса, месячная аудитория Яндекс.Карт — более 39 млн уникальных пользователей. Большинство из них заходят в Карты с компьютера, доля мобильного приложения составляет 37%. Это хорошая новость для бизнесов со сложными продуктами, перед покупкой которых человек изучает много информации: это гораздо удобнее делать на компьютере.

2ГИС заявляет о почти 52 млн пользователей, больше половины из которых заходят в карты с мобильных устройств. Из всей аудитории 2ГИС около 11% пользователей — из Москвы. В официальных материалах компания отмечает, что у жителей столицы более высокий уровень дохода, чем у пользователей из регионов.

Как работает реклама в картах

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

В поисковой выдаче Яндекс.Карт в карточке компании, которая подключила приоритетное размещение, появляется зеленый значок со стрелкой. На карте компания выделяется зеленой меткой с тематическим изображением или логотипом, если он был загружен (у огранизаций без дополнительной рекламы или показывается синяя метка, или ее совсем нет). А зеленая метка, по данным Яндекса, повышает CTR карточки на 10%. Кроме того, компания начинает показываться в карточке конкурентов в части с похожими местами.

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

По нашему опыту, с помощью рекламы в картах удается увеличить количество кликов в карточке компании в 3–10 раз — в зависимости от тематики и изначального числа переходов по карточке. При этом трафик на картах высококонверсионный и это дает ощутимый эффект для бизнеса. В другом материале на ppc.world мы подробно разбирали результаты продвижения в Яндекс.Картах.

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

Создание профиля компании

Перед настройкой рекламы вам понадобится завести и заполнить карточку в Яндекс.Бизнесе и 2ГИС. Информация, которая потребуется, довольно стандартная:

название компании и ее описание;

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

ссылки на сайт и страницы в соцсетях;

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

Постарайтесь заполнить профиль максимально полно и подробно.

Хорошо, если у компании будет хотя бы 5–10 отзывов: они повышают доверие к компании. Как работать с репутацией в интернете, читайте в нашем материале на ppc.world.

Настройка платного продвижения

Для рекламы в Яндекс.Картах нужно настроить дополнительные параметры:

Главное изображение и логотип компании. Многие, особенно небольшие клиенты, не загружают логотип, так как его попросту нет. Решите этот вопрос, поскольку логотип может отражаться в метке на самих картах, а это привлекает внимание и повышает CTR. Поскольку стоимость размещения в картах фиксированная, то, увеличивая CTR, вы снижаете стоимость клика.

Акции и скидки. Для них есть удобный и яркий раздел, он сделает карточку заметнее. На кнопке Call to action разместите не слишком навязчивый и продающий призыв к действию, особенно если у вас дорогой или сложный продукт. Например, такие: «Подробнее», «Узнать больше», «Запись на консультацию».

Витрину товаров и услуг. Раздел недоступен в бесплатном размещении и преображает карточку. Добавьте максимальное количество флагманских товаров.

Текстовый креатив. Он будет отображаться в поисковой рекламе и РСЯ при оплате Рекламной подписки. Максимально емко опишите ваше УТП.

Перед рекламным размещением убедитесь, что у вас в карточке достаточно фотографий хорошего качества (их количество зависит от рода деятельности компании: ресторанам нужно больше, чем офису продаж b2b-продуктов), а рейтинг организации не ниже 4.0. Рейтинг ниже четырех баллов может негативно сказаться на эффективности продвижения: низкие баллы — а рейтинг пользователь видит в первую очередь — не вызывают доверия пользователей.

Настройка рекламы в 2ГИС осуществляется менеджерами сервиса, поэтому рекламодателям нужно связаться со специалистами компании и вместе с ними заполнить бриф на продвижение.

К сожалению, как в Яндексе, так и в 2ГИС у рекламодателей нет возможности таргетироваться на конкретную аудиторию, а также задавать время показов платной рекламы. Однако поскольку компания показывается в ответ на поисковый запрос, продвижение показывает отличные результаты по продажам.

Что выбрать: Яндекс.Карты или 2ГИС

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

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

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

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

Однако в 2ГИС можно также купить так называемый приоритет — в зависимости от того, какой у компании приоритет, будет меняться ее место в выдаче. Начинают все компании с базового приоритета, а далее каждый «шаг» приоритета оценивается в 1300 рублей. Соответственно, чем выше приоритет, тем выше ваша позиция.

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

Аналитика. И в Яндекс.Картах, и в 2ГИС можно увидеть количество переходов в карточку организации и количество целевых действий, в том числе в динамике. Однако в Яндексе вы можете узнать тип перехода: рекламный или органический. А в 2ГИС можно посмотреть, с каких именно поисковых запросов был переход в карточку товара.

Техподдержка. Поддержка Яндекса гораздо более оперативна и открыта по целому ряду вопросов, чем поддержка 2ГИС. Этот пункт особенно важен для маркетологов, так как быстрая и продуктивная коммуникация с рекламными сервисами иногда имеет ключевое значение.

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

Источник