Блог

QR-коди для офлайн-кампаній: відстежуйте кожен флаєр, коробку і стенд

Як розмістити QR-коди на друкованих матеріалах, упаковці та матеріалах заходів, щоб кожне сканування з'являлося у вашій аналітиці: один позначений код на кожне розміщення, правильна корекція помилок, поле у чотири модулі і тест перед друком.

Флаєр не скаже вам, що він спрацював. Так само наклейка на коробці для доставки або табличка на ринковому стенді. Додайте QR-код, і він все одно може не спрацювати, бо скан без міток приходить у вашу аналітику так, ніби хтось набрав вашу адресу з пам'яті.

Виправлення просте, і його треба зробити до друку: позначте посилання, зробіть окремий код на кожне розміщення і протестуйте. Цей посібник охоплює всю процедуру, а наш безкоштовний генератор QR-кодів робить позначки і сам код в один крок, прямо у вашому браузері.

Чому непозначений код це змарнований код

Коли хтось сканує код, телефон відкриває посилання напряму. Перед ним немає сторінки, тож немає referrer, який вказав би, звідки прийшов візит. Google Analytics тоді не має на що спертися і зараховує візит як Direct, канал, який описує як людей, що прийшли збереженим посиланням або ввівши вашу URL-адресу. Візити з вашого флаєра змішуються з усіма, хто додав ваш сайт у закладки.

UTM-мітки це виправляють. Це позначки, додані в кінець посилання, і Google радить завжди ставити три з них: utm_source, utm_medium і utm_campaign. Додайте їх до посилання всередині коду, і кожне сканування їх передаватиме.

Один код на кожне розміщення

Найкорисніша звичка також найпростіша: ніколи не використовуйте один код на кількох розміщеннях. Якщо той самий код стоїть на картці на прилавку, на плакаті у вікні і на чеку, ви дізнаєтеся, що QR-коди отримали сканування, але не дізнаєтеся, яке з них їх заробило.

Дайте кожному розміщенню власне позначене посилання. Залиште кампанію такою самою і змініть мітку вмісту:

  • utm_source=print, utm_medium=qr, utm_campaign=spring_launch, utm_content=window_poster
  • те саме, з utm_content=counter_card
  • те саме, з utm_content=receipt

Для упаковки використовуйте мітку вмісту для того, де на упаковці розміщено код (box-insert, back-label). Для заходів назвіть подію в кампанії, а місце в вмісті (booth-banner, handout). Усі значення пишіть малими літерами, бо Google вважає значення чутливими до регістру: Print і print з'явилися б як два джерела.

Якщо ви вже використовуєте наш конструктор UTM-посилань для реклами, правила ті самі. Генератор QR застосовує їх за вас: він зберігає всі параметри, що вже є у вашому посиланні, замінює старі значення UTM і залишає якір #section в кінці.

Де сканування з'являються в Google Analytics

GA4 розкладає візити по каналах за правилами щодо джерела і medium. Його типова група каналів має канали для email, SMS, соцмереж, пошуку, referral тощо, але жодного для друку. Medium на кшталт qr не відповідає жодному правилу, тож ці візити потрапляють у Unassigned, яке GA4 використовує, коли жодне правило не підходить. Два підводні камені в тій самій таблиці: джерело, назване на честь соцмережі (скажімо, instagram), надсилає візити в Organic Social, а назва кампанії зі словом shop або shopping, наприклад utm_campaign=summer_shop, надсилає їх у Organic Shopping. Нейтральне джерело, як utm_source=print, і кампанія на кшталт utm_campaign=spring_launch обходять обидва.

Це нормально і краще за Direct: візити окремі й повністю позначені. Фільтруйте будь-який звіт за кампанією або джерелом і medium, і кожне розміщення буде окремим рядком. Просто оберіть одне написання для medium і дотримуйтесь його, щоб весь ваш друк був в одному місці.

Обирайте рівень корекції помилок свідомо

Кожен QR-код містить запасні дані, тож він сканується, навіть коли частина його пошкоджена. Denso Wave, компанія, що стоїть за QR Code, перелічує чотири рівні, які відновлюють приблизно 7% (L), 15% (M), 25% (Q) і 30% (H) коду. Вона також зазначає, що рівень M обирають найчастіше, що Q або H підходять для місць, де коди брудняться, і що вищий рівень робить код більшим.

На практиці:

  • M для флаєрів, меню, плакатів і всього, що лишається чистим.
  • Q або H для упаковки, яку беруть у руки, етикеток доставки, вуличних наклейок і всього, що може поцарапатися, зігнутися або частково закритися пальцем.
  • L лише тоді, коли довге посилання інакше не вміщується, і тоді розгляньте коротше посилання.

Не чіпайте білу рамку

Порожня рамка навколо коду є частиною коду. Посібник Denso Wave з розміру коду тут прямий: “QR Code requires a four-module wide margin at all sides of a symbol.” Модуль це один з дрібних квадратиків. Є спокуса обрізати це поле, щоб макет виглядав охайно, або поставити код на візерунчастий фон. Обидва варіанти з'їдають чисту рамку, яку вимагає стандарт, тож не робіть ні того, ні іншого.

Наш генератор починає з поля у чотири модулі і попереджає, якщо ви зменшите його.

Розрахуйте друкований розмір

QR-код має 40 розмірів сітки, які називаються версіями. Версія 1 це 21 на 21 модуль, і кожна версія додає по 4 з кожного боку, до 177 на 177 у версії 40. Генератор показує, яка версія потрібна вашому посиланню. Далі арифметика для друкованого розміру проста:

друкована ширина = (модулі + 8) × розмір модуля

Вісімка це поле у чотири модулі з кожного боку. Власний приклад Denso Wave використовує модуль 0,254 мм: код версії 3 має 29 модулів, тобто 7,366 мм, а з полем 9,398 мм.

Робочий приклад для флаєра: ваше позначене посилання вміщується у версію 4, тобто 21 + 3 × 4 = 33 модулі. Ви хочете, щоб кожен модуль був 0,6 мм. Це (33 + 8) × 0,6 = 24,6 мм, тож плануйте квадрат близько 25 мм. Якщо посиланню потрібна версія 6 (41 модуль), ті самі модулі по 0,6 мм дають (41 + 8) × 0,6 = 29,4 мм. Тому короткі посилання важливі: кожна додана версія збільшує квадрат, або зменшує модулі, якщо простір фіксований.

Єдиного правильного розміру модуля немає, бо це залежить від того, як далеко стоять люди і які в них телефони. Чесний метод це наступний розділ.

Перевірте, як це зробив би клієнт

  1. Відскануйте файл на екрані двома-трьома різними телефонами, включно зі старішим.
  2. Надрукуйте пробний відбиток у реальному розмірі, по можливості на справжньому папері, і відскануйте з тієї відстані, з якої стоятимуть люди.
  3. Перевірте цільову сторінку на телефоні. Туди потрапляє кожне сканування, тож вона має швидко вантажитися і мати сенс для того, хто щойно підійшов до плаката.
  4. Перевірте, що мітки дійшли. Відкрийте режим реального часу в аналітиці, відскануйте раз і шукайте назву вашої кампанії.

Для друку використовуйте завантаження SVG. Це вектор, тож він лишається чітким у будь-якому розмірі, і саме його хоче друкарня або дизайнерський інструмент.

Кольори і брендинг

Код у кольорах бренду годиться, поки модулі лишаються помітно темнішими за фон. Світло-сірий на білому або світлий код на темній коробці це місце, де сканування починають підводити. Генератор вимірює контраст між вашими двома кольорами і попереджає, коли він низький або перевернутий. Але довіряйте пробному друку більше за перегляд.

Статичний чи динамічний?

Статичний код містить ваше посилання напряму. Він працює, поки існує ця сторінка, без облікового запису, без підписки і без строку дії. Динамічний код містить коротке посилання на сервіс переадресації, що дозволяє змінити призначення пізніше і рахувати сканування на його боці, але код перестає працювати, якщо цей сервіс зникає.

Для більшості друкованих кампаній достатньо статичного коду з UTM-мітками: сканування рахуються у вашій власній аналітиці, де вже живе решта трафіку. Якщо призначення може змінитися після друку, направте код на сторінку на вашому сайті, якою ви керуєте, і змінюйте саму сторінку.

Чек-лист перед друком

  • Один позначений код на кожне розміщення, з встановленими source, medium і campaign, усе малими літерами.
  • Корекція помилок M для чистих поверхонь, Q або H для всього, що беруть у руки або використовують на вулиці.
  • Біле поле у чотири модулі, не зачеплене дизайном.
  • Друкований розмір розрахований з версії та розміру модуля.
  • Пробний відбиток у реальному розмірі, відсканований на кількох телефонах, а візит видно в аналітиці.

Готові їх зробити? Відкрийте генератор QR-кодів, позначте Add UTM tags і завантажте SVG для кожного розміщення.

Де тут Hermoso

Hermoso це ШІ-агент для маркетингу. Він досліджує реклами, що вже працюють на вашому ринку, створює брендові зображення та відеорекламу, публікує й планує в ваших власних соцмережах і запускає платні кампанії у ваших власних рекламних акаунтах. Працює у вебзастосунку або всередині Claude, ChatGPT і Cursor через свій MCP-сервер. QR-коди лишаються безкоштовним інструментом, без реєстрації.

Часті запитання

Як відстежувати сканування з друкованого QR-коду?

Додайте UTM-мітки до посилання перед тим, як створити код: щонайменше utm_source, utm_medium і utm_campaign, а utm_content, щоб розрізняти розміщення. Тоді кожне сканування потрапляє в Google Analytics з цими мітками. Без міток сканування зазвичай з'являється як Direct-трафік.

Який рівень корекції помилок використовувати для упаковки?

Q або H. Denso Wave, компанія, що стоїть за QR Code, каже, що вони підходять для місць, де коди брудняться, а упаковку беруть у руки. Використовуйте M для чистих поверхонь, як флаєри і меню.

Якої ширини має бути біла рамка навколо QR-коду?

Чотири модулі з кожного боку. Denso Wave стверджує, що QR Code вимагає поля з чотирьох модулів з усіх боків символу.

Де в GA4 з'являються візити з QR-кодів?

У GA4 немає каналу для друку. З medium на кшталт qr і нейтральними назвами джерела та кампанії візити потрапляють у Unassigned, де вони лишаються окремими й повністю позначеними. Фільтруйте за кампанією або за джерелом і medium, щоб побачити кожне розміщення. Назва кампанії, що містить shop, натомість надсилає їх в Organic Shopping.

Чи спливають статичні QR-коди?

Ні. Статичний код містить саме посилання, тож він працює, поки існує сторінка, на яку він вказує. Лише динамічні коди, які йдуть через сервіс переадресації, залежать від того, що цей сервіс працює.