Генератор QR-кодов с UTM-метками

Из чего состоит QR-код

QR-код — это сетка из тёмных и светлых квадратов, называемых модулями. Сетка бывает 40 размеров, называемых версиями: Denso Wave, компания-создатель QR Code, указывает Версию 1 как 21 × 21 модуль и до Версии 40 — 177 × 177, причём каждая версия добавляет по 4 модуля на сторону. Версию вы здесь не выбираете. Генератор берёт наименьшую, в которую помещается ваша ссылка, и показывает её под предпросмотром.

Чем короче ссылка, тем меньше сетка, а меньшая сетка при том же размере печати имеет более крупные модули, которые телефону легче считать с расстояния. Поэтому держите ссылку короткой. UTM-метки добавляют длину — вот почему метки здесь используют короткие значения в нижнем регистре.

Коррекция ошибок: L, M, Q или H

QR-коды содержат резервные данные, поэтому телефон может считать код, даже если он поцарапан, помят или частично закрыт. На странице коррекции ошибок Denso Wave перечислены четыре уровня, восстанавливающие примерно 7% (L), 15% (M), 25% (Q) и 30% (H) кода. Повышение уровня также увеличивает размер кода. На той же странице сказано, что уровень M выбирают чаще всего, Q или H подходят для мест, где коды пачкаются, а L — для чистых условий с большим объёмом данных.

Практичный подход: M для листовки или меню, Q или H для упаковки, которую берут в руки, или наклейки на улице, L — только когда длинная ссылка иначе не помещается.

Не трогайте поле

Пустая рамка вокруг кода — часть самого кода. В руководстве Denso Wave по размеру кода сказано: “QR-коду нужно поле шириной четыре модуля со всех сторон символа.” Поэтому поле здесь начинается с 4. На той же странице разобран пример: при 0,254 мм на модуль код Версии 3 из 29 модулей имеет ширину 7,366 мм, а с полем — 9,398 мм. Инструмент позволяет опустить значение ниже 4 для макета, в котором уже есть свободное пространство вокруг, и предупреждает об этом.

Цвета и контраст

Фирменные цвета работают, пока код остаётся заметно темнее фона. Инструмент измеряет коэффициент контраста по формуле WCAG и отмечает всё, что ниже 4:1. Этот порог — наше собственное осторожное правило, а не число из стандарта QR, поэтому единственная настоящая проверка — это сканирование. Инструмент также предупреждает, когда код светлее фона (инвертированный код), потому что сканеры рассчитаны на тёмное на светлом, а чтение инверсии — лишний шаг, который некоторые декодеры пропускают. Проверяйте каждый напечатанный код на нескольких разных телефонах.

UTM-метки, чтобы сканирование не считалось просто “прямым”

Сканирование приходит без ссылающейся страницы, поэтому без меток аналитике нечем показать, что переход был с листовки. Отметьте флажок UTM, и генератор добавит метки к вашей ссылке перед кодированием по тем же правилам, что и наш конструктор UTM-ссылок: он сохраняет уже имеющиеся в адресе параметры, заменяет старые значения UTM и оставляет якорь #section в конце. Google Analytics рекомендует всегда использовать utm_source, utm_medium и utm_campaign, а поскольку значения чувствительны к регистру, инструмент приводит их к нижнему регистру.

Используйте utm_content, чтобы различать размещения: table-tent-a и table-tent-b или box-insert и shipping-label. Одна кампания, один код на размещение — и отчёт покажет, какой из них сканировали.

PNG или SVG

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

Чего этот инструмент не делает

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

Если вы предпочитаете не делать это вручную

Hermoso — это маркетинг на автопилоте: он изучает рекламу, уже работающую на вашем рынке, создаёт фирменные рекламные изображения и видео, планирует публикации и ведёт платные кампании в ваших собственных рекламных аккаунтах. Он работает в веб-приложении, а также внутри Claude, ChatGPT и Cursor через свой сервер MCP.

Бесплатные инструменты: Конструктор UTM-ссылок · ·

Часто задаваемые вопросы

Истекают ли эти QR-коды?

Нет. Это статические коды: ссылка хранится в самом коде, без сервиса переадресации между ними. Код работает столько, сколько существует страница, на которую он указывает.

Какой уровень коррекции ошибок использовать?

Denso Wave, компания, создавшая QR Code, сообщает, что уровень M (восстановление около 15%) выбирают чаще всего, Q или H подходят для кодов, которые пачкаются, а L для чистых условий с большим объёмом данных. Более высокие уровни делают код крупнее.

Какой ширины должна быть белая рамка?

Четыре модуля с каждой стороны. Denso Wave указывает, что QR Code требует поля шириной в четыре модуля со всех сторон символа, поэтому поле здесь начинается с 4.

Как отслеживать сканирования с листовки или упаковки?

Отметьте флажок UTM и заполните source, medium и campaign. Метки добавляются к вашей ссылке перед кодированием, поэтому каждое сканирование попадает в Google Analytics с этими метками. Используйте utm_content, чтобы различать места размещения.

Можно ли сделать цветной QR-код?

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

Отправляется ли куда-нибудь то, что я ввожу?

Нет. Код рисуется в вашем браузере. Ничего не загружается и не сохраняется, а перезагрузка страницы очищает его.