Представьте: человек сканирует QR-код, но вместо карточки компании в приложении попадает в браузер. Дальше начинаются лишние шаги: загрузка страницы, поиск кнопки, переход в приложение вручную.

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

Почему так происходит

Когда вы генерируете QR-код со стандартной ссылкой вида:

https://yandex.ru/profile/0000000000

Телефон воспринимает её как обычный сайт и открывает браузер. Даже если у человека стоит приложение Яндекс.Карты, оно не запускается автоматически.

Чтобы приложение открылось сразу, нужна особая ссылка - deep link:

yandexmaps://maps.yandex.ru/?oid=0000000000

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

Что нам понадобится

  • Любой сайт или хостинг, куда можно загрузить файл.
  • ID вашей организации в Яндекс.Картах.
  • Около 10 минут времени.

Шаг 1. Найдите ID вашей организации

Откройте браузер, зайдите на yandex.ru/maps и найдите карточку вашей организации. Посмотрите на адресную строку - там будет ссылка вида:

https://yandex.ru/profile/0000000000

Число в конце - это ваш ID. Запишите его, он понадобится в следующем шаге.

Шаг 2. Создайте файл redirect.html

Создайте на компьютере обычный текстовый файл, назовите его redirect.html и вставьте туда этот код. Вместо нулей в строке var oid подставьте ID своей организации:

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<title>Открываем карту...</title>
<style>
body {
  font-family: sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 0;
  background: #f5f5f5;
  text-align: center;
  color: #333;
}
.box { padding: 32px; }
p { margin-top: 12px; color: #888; font-size: 14px; }
a { color: #fc3f1d; }
</style>
</head>
<body>
<div class="box">
<div style="font-size: 48px;">🗺️</div>
<h2>Открываем Яндекс Карты...</h2>
<p>Если ничего не произошло -
<a id="fallback" href="">нажмите здесь</a>
</p>
</div>
<script>
var oid = "0000000000"; // <-- вставьте ваш ID сюда
var webUrl = "https://yandex.ru/profile/" + oid;
var appUrl = "yandexmaps://maps.yandex.ru/?oid=" + oid;
document.getElementById("fallback").href = webUrl;
window.location = appUrl;
setTimeout(function() { window.location = webUrl; }, 1500);
</script>
</body>
</html>

Шаг 3. Разместите файл на сайте

Если у вас собственный хостинг, зайдите в файловый менеджер в панели управления: cPanel, ISPmanager или аналоги. Загрузите файл redirect.html в корневую папку сайта. После загрузки файл будет доступен по адресу:

https://ваш-сайт.ru/redirect.html

Этот адрес и будет вашей ссылкой для QR-кода.

Если сайт на отдельном хостинге без домена

Загрузите файл через панель управления хостингом или по FTP. Хостинг выдаст вам адрес страницы - его и используйте для QR-кода.

Если сайт на Tilda

Tilda не позволяет загружать произвольные HTML-файлы напрямую. В этом случае загрузите redirect.html на любой отдельный хостинг, например TimeWeb или Beget, и используйте адрес с этого хостинга для QR-кода.

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

Шаг 4. Проверьте

Откройте получившийся адрес страницы на смартфоне с установленными Яндекс.Картами. Должна сразу открыться карточка вашей организации прямо в приложении.

Если приложения нет, через пару секунд откроется браузер. Значит, fallback тоже работает как надо.

Шаг 5. Сгенерируйте QR-код и передайте дизайнеру

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

https://ваш-сайт.ru/redirect.html

Скачайте результат в формате SVG или PNG с высоким разрешением и передайте дизайнеру для вставки в баннер.

UTM-метки: как отследить эффективность баннера

UTM-метки - это небольшие пометки, которые добавляются к ссылке. Они помогают понять, сколько людей пришло к вам именно с конкретного баннера, листовки или другого носителя.

Важный момент: UTM-метки нужно добавлять не к адресу страницы redirect.html, а внутрь кода - к ссылке на Яндекс.Карты. Только тогда Яндекс.Бизнес и Метрика зафиксируют источник перехода.

Если добавить метки к адресу redirect.html, они потеряются: страница мгновенно перенаправляет дальше и использует ссылку из переменной webUrl.

Для этого найдите в коде строку:

var webUrl = "https://yandex.ru/profile/" + oid;

И замените её на:

var webUrl = "https://yandex.ru/profile/" + oid
  + "?utm_source=offline&utm_medium=none"
  + "&utm_campaign=название_кампании&utm_content=название_баннера";

Расшифровка параметров:

  • utm_source=offline - источник трафика, офлайн-реклама.
  • utm_medium=none - тип размещения.
  • utm_campaign - название кампании или места размещения, например TK_Kosmos.
  • utm_content - конкретный баннер или формат, например june_banner.

Статистику по переходам смотрите в Яндекс.Метрике или в кабинете Яндекс.Бизнеса.

Частые вопросы

Почему обычный QR-код на Яндекс.Карты открывает браузер?
Потому что стандартная ссылка на карточку организации воспринимается телефоном как обычная веб-страница. Для запуска приложения нужен deep link.
Что будет, если у человека нет приложения Яндекс.Карты?
Промежуточная страница попробует открыть приложение, а затем через короткую задержку переведёт пользователя на обычную веб-ссылку в браузере.
Куда добавлять UTM-метки?
UTM-метки нужно добавлять не к адресу redirect.html, а внутрь кода - к переменной webUrl. Если добавить метки к URL redirect-страницы, они потеряются при перенаправлении.

Итог

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

Схема подходит для любого бизнеса с точкой на Яндекс.Картах: розничные магазины, кафе, шоурумы, сервисные центры, пункты выдачи.