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

QR-код на сайт для визитки и вывески: как сделать, куда вести и как понять, что сканируют

Код на двери и код на визитке должны вести на разные первые экраны, а переходы по ним считают порознь. Ниже — как сделать код, который не зависит от чужого сервиса, как пометить адреса для Яндекс Метрики и что проверить до типографии.

Коротко

  • Код без подписки — статичный: адрес сайта записан в самом рисунке и работает, пока работает адрес. Динамический ведёт через адрес сервиса и замолкает, если сервис его отключит.
  • Визитку и вывеску в Яндекс Метрике различают метки UTM: обязательна utm_medium со значением qr или qrcode, место называет utm_campaign.
  • Размер подбирают пробным оттиском: два телефона и расстояние, с которого наводят клиенты.

Куда должен вести QR-код?

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

Поэтому под каждое место готовьте свой первый экран и печатайте рядом с кодом одну строку о том, что за ним: «Часы работы и как нас найти», «Прайс», «Записаться». Табличке на столе подходит прайс, вывеске — часы и адрес, визитке — запись.

Страницу под код собирают в обычном редакторе. Адрес страницы задают латиницей в окне «Страницы сайта», в поле «Адрес страницы». Если сайта ещё нет, визитке хватит сайта из одной страницы, а бесплатный тариф даёт ему адрес имя.rillo.site без срока.

Как поставить на экран кнопку, которая открывает набор номера, — в статье про кнопку «Позвонить» на сайте.

Как сделать код без сервиса с подпиской?

Код без подписки делают статичным: адрес сайта записан в сам рисунок, и код работает, пока работает адрес. Для этого годится любой генератор, который отдаёт файл без регистрации и без водяного знака. Кнопки «QR-код» в rillo нет: картинку делают отдельно, а rillo даёт адрес, на который она ведёт.

Динамический код — это рисунок с коротким адресом сервиса, который перенаправляет посетителя на ваш сайт. Пока сервис работает, разницы не видно. Если он отключит ваш код — за неуплату, по блокировке или закрывшись, — напечатанный тираж поведёт в пустоту, а рисунок уже не исправить.

Какой код у вас в руках, видно по подсказке камеры. Наведите её и прочитайте адрес, не открывая. Ваш адрес — код статичный. Чужой короткий — динамический, и тираж зависит от его хозяина. Сокращённая ссылка из сервиса сокращения работает так же: посредник остаётся в цепочке.

Менять место назначения без перепечатки можно и со статичным кодом. Напечатайте адрес вида chasy-na-mira.rillo.site/dver/ и добавьте в «Настройки сайта» → «Переадресации» правило с пути /dver на нужную страницу или HTTPS-ссылку. Правило работает после публикации, а метки после знака «?» rillo переносит на новый адрес.

Печатайте адрес, который вы будете держать годами. Свой домен живёт на двух платежах: продлении у регистратора и тарифе Pro, а когда Pro заканчивается, домен показывает страницу «Домен неактивен». Если подключите домен позже, прежний адрес имя.rillo.site rillo оставит переадресацией, и напечатанные коды продолжат открывать сайт, пока домен активен.

Как отличить переходы с визитки от переходов с вывески?

Переходы с визитки и с вывески различают по меткам UTM: к адресу страницы после знака «?» дописывают название места, где напечатан код. Метка UTM — это подпись в адресе, которую читает счётчик, когда человек открывает страницу. На саму страницу она не влияет, а в Яндекс Метрике визиты с визитки и с вывески лягут в разные строки.

Справка Метрики о QR-кодах называет один обязательный параметр: «для отслеживания по UTM-метке обязателен параметр utm_medium». Для кода она рекомендует значения qr или qrcode. Название места кладут в utm_campaign, а подробности, например какая акция на макете, — в utm_content.

Два адреса для кодов мастерской из примера: метка называет место, где код напечатан
Где напечатан кодАдрес в кодеПара в отчёте «Метки UTM»
Вывеска на двериhttps://chasy-na-mira.rillo.site/kontakty/?utm_medium=qrcode&utm_campaign=vyveskautm_campaign — vyveska
Визиткаhttps://chasy-na-mira.rillo.site/?utm_medium=qrcode&utm_campaign=vizitkautm_campaign — vizitka

Отчёт ищут так: «Отчеты» → «Источники» → «Метки UTM». Метрика группирует его по паре «атрибут-значение» метки, поэтому визиты с вывески окажутся в одной строке, а с визитки — в другой. Сводка по кодам есть и в отчёте «Источники, сводка».

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

Метки rillo не мешают: страницу сервер выбирает по пути адреса, а хвост после «?» не читает. Адрес без косой черты на конце rillo сам дополняет, и метки остаются. Счётчик подключают номером в «Настройки сайта» → «Аналитика», в поле «Номер счётчика Яндекс Метрики»; он работает на опубликованном сайте. Нажатия на кнопки считают так, как описано в статье про кнопку «Позвонить», а так же помечают и ссылку в профиле: про страницу под неё — в статье о странице для ссылки в профиле.

Метрика покажет визиты, а не записи. Сверяйте цифры с вопросом новому клиенту: «откуда о нас узнали?»

Какого размера печатать?

Размер QR-кода подбирают по расстоянию, с которого его наводят, и проверяют пробной печатью. Ниже — практика, а не норма: любое правило здесь проверяется вашим телефоном.

Для визитки на практике хватает квадрата со стороной около двух сантиметров. Проверка одна: распечатайте оттиск в натуральную величину и наведите на него два разных телефона. Если хоть один берёт код не с первой наводки, увеличьте его. Для вывески размер зависит от места, где стоит человек: встаньте там, откуда будете сканировать, и подбирайте распечатку под него.

Чем длиннее адрес, тем мельче клетки в рисунке. Для адресов из примера мы посчитали библиотекой qrcode на уровне коррекции ошибок M: без меток выходит 29 клеток по стороне, с метками utm_medium и utm_campaign — 37. Другой генератор может построить код иначе. Поэтому значения меток делайте короткими: vizitka, а не vizitka-oktyabr-2026.

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

Что проверить перед печатью?

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

  1. Опубликуйте сайт и откройте адрес из кода в окне, где вы не вошли в rillo.
  2. Отсканируйте оттиск двумя телефонами с того расстояния, с которого будут наводить клиенты.
  3. Прочитайте адрес в подсказке камеры: он начинается с https://, это ваш адрес без чужого посредника, и метки в нём на месте.
  4. Откройте страницу по коду на телефоне в мобильной сети и убедитесь, что ответ на надпись у кода виден без прокрутки.
  5. Зайдите по коду сами и найдите свой визит в отчёте «Метки UTM». Нет строки — проверьте, что метка стоит в адресе первой страницы, а в «Аналитике» указан номер счётчика.
  6. Не удаляйте страницу, на которую ведёт код. При удалении rillo предложит направить посетителей старого адреса на другую страницу.
  7. Переименуете страницу — оставьте отмеченным «Направлять посетителей с /… на новый адрес»: переадресация 308 сохранит и метки.

Остальное, что проверяют перед запуском сайта, собрано в чек-листе перед запуском. А если сайта пока нет, код печатать рано: соберите сначала одну страницу и опубликуйте её на бесплатном адресе.

Что ещё спрашивают.

Что делать, если визитки уже напечатаны с динамическим кодом?

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

Можно ли поставить один код на несколько мест?

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

Видна ли метка клиенту?

Видна, в подсказке камеры и в адресной строке, после знака «?». Страница от неё не меняется. Короткие латинские слова вроде vizitka выглядят аккуратно.

Ваш сайт начинается с пары строк.

0 ₽ навсегда · карта не нужна