Як додати рекламний тег Adgora до Shopify

Як додати рекламний тег Adgora до Shopify: розміщення на рівні теми та перевірки для безпечного чекауту

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

1. Підтвердьте точний фрагмент Adgora і місце, де Shopify дозволяє його вставити

Почніть у своєму акаунті Adgora і скопіюйте поточний тег саме так, як він наданий. Не переписуйте його. Якщо Adgora дає стандартний JavaScript-фрагмент, його зазвичай розміщують у темі вітрини; якщо формат інший, наприклад налаштування у стилі пікселя або тег, що залежить від подій клієнта, зупиніться й порівняйте його з підтримуваними Shopify точками вставки, перш ніж щось редагувати. Різниця важлива, бо Shopify не обробляє кожен блок коду однаково.

Відкрийте деталі тега і перевірте три речі: тип скрипта, чи він призначений для вимірювання на рівні сторінки або на рівні подій, і чи має він запускатися на кожній сторінці вітрини. Якщо тег має працювати як глобальне завантаження по всьому сайту, тема зазвичай є правильним місцем. Якщо він прив’язаний до подій чекауту, вам може знадобитися спеціальний варіант Shopify, а не файл теми. Безпечний для чекауту вибір не завжди збігається з вибором для всього магазину, тож перед змінами перевірте й "налаштування Adgora Shopify чекаут".

Якщо ви також працюєте з кількома каналами, сторінка гайдів з криптореклами, монетизації та Ad-Tech від Adgora допоможе не заплутатися в логіці вимірювання, поки ви порівнюєте формати та місця розміщення. Це особливо важливо, коли ви поєднуєте трафік Shopify з іншими рекламними джерелами й хочете мати один чистий запис про встановлення. Один і той самий тег має означати одне й те саме всюди.

2. Оберіть правильне місце в Shopify для тега

Shopify пропонує кілька можливих місць для коду, і кожне з них виконує свою роль. Основна тема призначена для сторінок вітрини. Customer events або пікселі — для відстеження поведінки, яку Shopify відкриває через власний фреймворк. Налаштування, пов’язані з чекаутом, можуть бути доступні лише на певних планах або в певних конфігураціях, тож не припускайте, що вони відкриті для кожного магазину. Таке припущення призводить до марної витрати часу.

Для вимірювання по всій вітрині найчастіше правильна відповідь — тема. Розмістіть тег Adgora в глобальному макеті, щоб він з’являвся на сторінках товарів, колекцій, головній сторінці, дописах блогу та будь-яких інших сторінках, що рендеряться активною темою. Якщо ви вставите його лише в один шаблон, ви втратите трафік з решти магазину. На старті це невигідний обмін.

Customer events і зони пікселів варто перевірити, якщо ваш Adgora-налаштування працює через події, але це не те саме, що просто вставити скрипт у head теми. Піксель може бачити вужчий зріз активності й також може підпадати під рамки дозволів і згоди в Shopify. Це може бути корисно. Але це також може заплутати, якщо ви очікували простий скрипт на завантаження сторінки.

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

3. Зробіть резервну копію теми перед внесенням змін

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

Спочатку працюйте лише в дубльованій темі. Тоді, якщо скрипт не завантажиться або якийсь рядок зламає верстку, публічний магазин залишиться без змін, поки ви тестуєте. Це особливо корисно, якщо ваша вітрина використовує сильно кастомізовану тему з app inserts, власними секціями або старим кодом, який не любить зайвий JavaScript. Такі магазини бувають вибагливими.

Дайте копії зрозумілу назву, яку легко впізнати пізніше, наприклад «Тестова копія Adgora» або «Вітрина з Adgora». Ця маленька звичка економить час, коли в адмінці лежать 3 або 4 версії теми. Це здається дрібницею, поки не доводиться публікувати під тиском.

4. Додайте тег Adgora до коду теми Shopify

У більшості тем головний файл макета є основною ціллю. Знайдіть файл, який керує спільною структурою вітрини, часто той, що містить початок області head і загальний обгортковий блок сторінки. Точна назва залежить від теми, але правило незмінне: тег Adgora має завантажуватися один раз на кожній релевантній сторінці вітрини, а не по одному разу для кожного блоку товару чи кожної плитки колекції.

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

Не розміщуйте той самий фрагмент у кількох шаблонах, якщо Adgora прямо не вказує робити саме так. Типова помилка — додати тег у файл макета, а потім ще раз у секцію або app embed. Це створює подвійні спрацьовування, брудні звіти та години перевірок у пошуках багу, який насправді є просто дублюванням.

Якщо ви хочете порівняти налаштування Shopify з іншими сценаріями для видавців, стаття про крипторекламну мережу для видавців може стати корисним додатковим читанням. Вона не підкаже, куди вставляти код у Shopify, але допоможе зрозуміти, чому глобальний тег важливий, коли трафік розподілений між багатьма типами сторінок. Один тег, багато сторінок.

Ось практичне правило розміщення: використовуйте спільний макет для вимірювання по всій вітрині, використовуйте шаблон для конкретної сторінки лише тоді, коли тег призначений тільки для неї, і уникайте вставки коду в повторювані блоки, які можуть завантажуватися кілька разів на одній сторінці. Останній пункт особливо важливий для сіток товарів і комбінованих секцій, де Shopify може рендерити один і той самий компонент більше одного разу. Повторення може виглядати як успіх, доки ви не перевірите логи.

5. Збережіть, опублікуйте й підтвердьте, що тег активний на вітрині

Після вставки коду збережіть файл і перегляньте дубльовану тему. Відкрийте вітрину в браузері та перегляньте вихідний код сторінки або скористайтеся інструментами розробника, щоб знайти скрипт Adgora. Ви повинні бачити тег один раз, а не двічі, і він має з’являтися на тих сторінках, яких ви очікуєте. Якщо його немає, код може бути в неправильному файлі або блокуватися умовою теми.

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

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

Якщо вам потрібне ширше довідкове джерело про рекламні системи та терміни розміщення, глосарій ad tech допоможе розібрати незнайомі позначення ще до того, як ви почнете змінювати файли. Це особливо корисно, коли Shopify називає налаштування одним способом, а Adgora — іншим. Завдання однакове, назви різні.

6. Врахуйте специфічні для Shopify крайні випадки

Кілька тем — поширена проблема. У магазину може бути одна опублікована тема, одна чернетка й одна стара резервна копія, у якій досі залишився тег від попереднього тесту. Якщо ви перевіряєте лише активну тему, можна не помітити дублікат у чернетці. Магазини Shopify можуть місяцями зберігати старий код. Іноді ще довше.

App blocks — ще одна проблема. Деякі застосунки вставляють скрипти у вітрину або додають власний шар відстеження, і ці скрипти можуть конфліктувати з Adgora або створювати подвійні завантаження, якщо хтось уже вставив тег вручну. Якщо ви встановили застосунок для трекінгу, спочатку перевірте його налаштування, а вже потім звинувачуйте тему. Конфлікт у застосунку — це все одно конфлікт.

Магазини з паролем додають ще один нюанс. Ви можете бачити поведінку тега не так, як її бачить звичайний відвідувач, особливо якщо перед фактичною вітриною стоїть сторінка з паролем або обмежений шар попереднього перегляду. За можливості тестуйте на реальному перегляді вітрини, а не лише в адміністративному вікні попереднього перегляду. Вікно попереднього перегляду може приховати саме те, що вам потрібно побачити.

Банери згоди можуть затримувати запуск. Якщо ваш магазин використовує cookie-банер або регіональний flow згоди, тег може чекати, доки відвідувач не погодиться з відповідною категорією. У деяких конфігураціях це нормально, а в інших — проблема, залежно від того, як Adgora очікує поведінку скрипта. Якщо тег видно у вихідному коді, але не видно в логах подій, згода — одне з перших місць для перевірки.

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

7. Перевіряйте тег після зміни теми або встановлення застосунку

Не вважайте встановлення остаточним. Зміни теми Shopify можуть видаляти код, замінювати файли макета або переносити контент у секції, які більше не містять ваш фрагмент Adgora. Якщо ви переходите з однієї теми на іншу, перевірте тег ще раз, перш ніж припускати, що вимірювання пережило міграцію. Перевірка на 5 хвилин може зберегти тиждень хибних даних.

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

Якщо ваш магазин також спирається на вимірювання вищого рівня, порівняйте поточне налаштування з відомою робочою реалізацією криптореклами, щоб переконатися, що тег Adgora все ще узгоджується зі сторінками, які для вас найважливіші. Це особливо корисно, коли хтось із команди робить «невелику» візуальну зміну, яка непомітно зачіпає файл макета. Саме маленькі зміни найчастіше ламають трекінг.

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

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