QR-код с UTM-меткой

Зачем QR-коду UTM-метка

Когда человек сканирует код камерой телефона, браузер открывает ссылку без сведений о том, откуда пришёл переход. В Яндекс Метрике и Google Analytics такой визит выглядит как прямой заход, будто адрес набрали вручную. Листовки, плакаты и визитки работают, а в отчётах этого не видно.

UTM-метки решают проблему: в ссылку внутри кода дописываются параметры, например utm_source=flyer, utm_medium=qr и utm_campaign=autumn_sale, и аналитика записывает визит с этим источником. Если носителей несколько, сделайте для каждого свой код с разным utm_source или utm_content и сравнивайте, что сработало лучше. Для тонкой настройки есть отдельный генератор UTM-меток.

Что можно закодировать

Чаще всего в QR-код кладут ссылку, но подойдёт любой текст. Телефоны понимают и несколько специальных форматов:

• tel:+79991234567 — звонок по номеру;
• mailto:info@example.ru — новое письмо на адрес;
• WIFI:T:WPA;S:имя_сети;P:пароль;; — подключение к Wi-Fi без ввода пароля.

Генератор кодирует текст в UTF-8, поэтому кириллица и эмодзи читаются современными телефонами. Чем короче содержимое, тем проще рисунок и тем мельче можно печатать код.

SVG или PNG

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

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

Если всё же нужен PNG для печати, считайте от 300 точек на дюйм: код шириной 3 см — это около 354 пикселей, 5 см — около 591.

Уровень коррекции ошибок

QR-код хранит данные с запасом, чтобы его можно было прочитать, даже если часть рисунка испачкана, затёрта или закрыта. Уровней четыре: L восстанавливает до 7% повреждений, M — до 15%, Q — до 25%, H — до 30%. Чем выше уровень, тем больше модулей и мельче рисунок при том же размере.

Для листовок, визиток и экрана хватает M. Q и H пригодятся для упаковки, уличных плакатов и случаев, когда поверх кода хотят поставить небольшой логотип.

Как сделать, чтобы код читался

• Тёмный код на светлом фоне. Светлый код на тёмном фоне читают не все сканеры, а бледные сочетания цветов могут не прочитаться совсем. Генератор предупредит о слабом контрасте.
• Поле вокруг кода — по стандарту 4 модуля. Текст и картинки вплотную к коду мешают сканеру найти его.
• Размер. Для короткой ссылки на листовке или визитке обычно хватает 2–3 см. Чем длиннее ссылка, тем плотнее рисунок и тем крупнее нужно печатать. Для плаката, который сканируют издалека, размер растёт вместе с расстоянием.
• Короткая ссылка. Метки удлиняют адрес, поэтому оставляйте только нужные параметры.
• Проверка. Перед тиражом отсканируйте пробный оттиск несколькими телефонами, в том числе старыми.

Код не меняется после печати

Код хранит ссылку внутри рисунка, и поменять её после печати нельзя. Если страница переедет или сайт сменит адрес, тираж перестанет работать. Поэтому в код лучше класть адрес на своём домене, который вы контролируете, например example.ru/promo. Если страница потом переедет, достаточно поставить редирект, и он сохранит метки. Правила можно собрать в нашем генераторе 301-редиректов.

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