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=vyveska | utm_campaign — vyveska |
| Визитка | https://chasy-na-mira.rillo.site/?utm_medium=qrcode&utm_campaign=vizitka | utm_campaign — vizitka |
Отчёт ищут так: «Отчеты» → «Источники» → «Метки UTM». Метрика группирует его по паре «атрибут-значение» метки, поэтому визиты с вывески окажутся в одной строке, а с визитки — в другой. Сводка по кодам есть и в отчёте «Источники, сводка».
Метка должна стоять в адресе первой страницы визита. Метрика берёт её из первого просмотра, а если там метки нет, не учитывает её для всего визита, даже когда человек потом перейдёт на другую страницу.
Метки rillo не мешают: страницу сервер выбирает по пути адреса, а хвост после «?» не читает. Адрес без косой черты на конце rillo сам дополняет, и метки остаются. Счётчик подключают номером в «Настройки сайта» → «Аналитика», в поле «Номер счётчика Яндекс Метрики»; он работает на опубликованном сайте. Нажатия на кнопки считают так, как описано в статье про кнопку «Позвонить», а так же помечают и ссылку в профиле: про страницу под неё — в статье о странице для ссылки в профиле.
Метрика покажет визиты, а не записи. Сверяйте цифры с вопросом новому клиенту: «откуда о нас узнали?»
Какого размера печатать?
Размер QR-кода подбирают по расстоянию, с которого его наводят, и проверяют пробной печатью. Ниже — практика, а не норма: любое правило здесь проверяется вашим телефоном.
Для визитки на практике хватает квадрата со стороной около двух сантиметров. Проверка одна: распечатайте оттиск в натуральную величину и наведите на него два разных телефона. Если хоть один берёт код не с первой наводки, увеличьте его. Для вывески размер зависит от места, где стоит человек: встаньте там, откуда будете сканировать, и подбирайте распечатку под него.
Чем длиннее адрес, тем мельче клетки в рисунке. Для адресов из примера мы посчитали библиотекой qrcode на уровне коррекции ошибок M: без меток выходит 29 клеток по стороне, с метками utm_medium и utm_campaign — 37. Другой генератор может построить код иначе. Поэтому значения меток делайте короткими: vizitka, а не vizitka-oktyabr-2026.
Тёмный рисунок на светлом фоне читается лучше, чем светлый на тёмном. Цветной фон и картинка под клетками мешают. Вокруг кода оставьте чистое белое поле шириной в несколько клеток и не обрезайте его по краю. Глянцевая плёнка бликует под лампой, поэтому проверяйте код при том свете, при котором его будут читать.
Что проверить перед печатью?
Перед типографией проверьте рисунок, адрес в нём и страницу за ним. Оттиск в натуральную величину находит то, чего не видно на экране: слишком мелкие клетки, блик под лампой, опечатку в адресе. Пройдите список с оттиском в руке, а не у монитора, и только потом отдавайте файл в печать.
- Опубликуйте сайт и откройте адрес из кода в окне, где вы не вошли в rillo.
- Отсканируйте оттиск двумя телефонами с того расстояния, с которого будут наводить клиенты.
- Прочитайте адрес в подсказке камеры: он начинается с https://, это ваш адрес без чужого посредника, и метки в нём на месте.
- Откройте страницу по коду на телефоне в мобильной сети и убедитесь, что ответ на надпись у кода виден без прокрутки.
- Зайдите по коду сами и найдите свой визит в отчёте «Метки UTM». Нет строки — проверьте, что метка стоит в адресе первой страницы, а в «Аналитике» указан номер счётчика.
- Не удаляйте страницу, на которую ведёт код. При удалении rillo предложит направить посетителей старого адреса на другую страницу.
- Переименуете страницу — оставьте отмеченным «Направлять посетителей с /… на новый адрес»: переадресация 308 сохранит и метки.
Остальное, что проверяют перед запуском сайта, собрано в чек-листе перед запуском. А если сайта пока нет, код печатать рано: соберите сначала одну страницу и опубликуйте её на бесплатном адресе.
Что ещё спрашивают.
Что делать, если визитки уже напечатаны с динамическим кодом?
Отсканируйте код и посмотрите, куда он ведёт. Пока сервис держит его включённым, тираж работает, поэтому не закрывайте там аккаунт, пока визитки в ходу. В новом тираже поставьте статичный код с адресом вашего сайта.
Можно ли поставить один код на несколько мест?
Можно, но визиты с вывески, визитки и стола смешаются в одну строку. Сделайте по коду на каждое место: адрес тот же, а значение utm_campaign разное.
Видна ли метка клиенту?
Видна, в подсказке камеры и в адресной строке, после знака «?». Страница от неё не меняется. Короткие латинские слова вроде vizitka выглядят аккуратно.
Читайте также
Все статьиВаш сайт начинается с пары строк.
0 ₽ навсегда · карта не нужна


