Давайте розберемося, що знадобиться для запуску динамічного ремаркетингу на сайті, що працює на WordPress. Насамперед встановлюємо плагін GTM4WP — його розробив Томас Гейгер. Плагін повністю безкоштовний, має відмінну репутацію в спільноті та заслужені 5 зірок у каталозі.
Чому саме він? GTM4WP закриває більшу частину завдань, які виникають при підготовці сайту до запуску рекламних кампаній. Якщо погортаєте опис — побачите значний список можливостей.
Але нас цікавить головне: плагін автоматично формує потрібний набір даних і передає їх в GTM (Google Tag Manager). Саме ці дані ми будемо використовувати, щоб налаштувати динамічний ремаркетинг і запустити його в роботу.
Скільки дзвінків і продажів я отримаю замовивши у Вас контекстну рекламу?
Давайте перевіримо, що відбувається на сайті прямо зараз. Відкриваємо картку товару і дивимося через Tag Assistant. Що бачимо? Всього два коди — Google Analytics і Tag Manager (він у режимі попереднього перегляду завжди дублюється). А ось коду динамічного ремаркетингу тут поки немає.
Щоб його встановити, потрібно пояснити Tag Manager, які саме дані йому знадобляться. І тут розкривається головна перевага плагіна GTM4WP, про яку я говорила вище: він вміє генерувати різні варіації коду під різні завдання.
У чому різниця між форматами даних? Для Universal Analytics (третя версія) передаються одні параметри: products, id, name, sku, category, price. Для Google Analytics 4 — вже інші: item_id, item_name, item_brand, price і так далі. Назви відрізняються, і це важливо враховувати.
Ключовий параметр, який нас цікавить — google_business_vertical. Саме він відповідає за передачу даних про події в динамічний ремаркетинг.
Тепер переходимо до практики. Спочатку створюємо код безпосередньо в рекламному кабінеті Google, а потім встановлюємо його через GTM:
Заходимо в «Інструменти» → «Налаштування» → «Менеджер аудиторій»;
Знаходимо розділ «Джерело даних» (або «Налаштувати джерело аудиторій»);
Вибираємо «Тег Google реклами» і натискаємо «Налаштувати тег»;
У налаштуваннях відзначаємо «Збирати дані про певні дії»;
Вибираємо тип бізнесу — «Роздрібна торгівля»;
Решту пунктів пропускаємо і натискаємо «Зберегти і продовжити».
Насправді все не так складно, як може здатися на перший погляд. Головне — дотримуватися послідовності кроків.
Підключення ремаркетингу в Google Рекламі
Переходимо до наступного етапу — роботи в Google Tag Manager. Після збереження налаштувань в Google Ads у Вас з’явиться Conversion ID (ідентифікатор конверсії). Копіюємо його і повертаємося в GTM.
Натискаємо «Створити» і вибираємо тип тегу — «Ремаркетинг в Google Рекламі». У відповідне поле вставляємо скопійований ідентифікатор конверсії. Що стосується тегу зв’язування конверсій — просто створіть його, дайте будь-яку зрозумілу назву, збережіть і більше не повертайтеся до нього.
Після того як вставили ідентифікатор Google Ads, ставимо галочку навпроти Send dynamic remarketing event data. Тепер потрібно заповнити кілька важливих параметрів.
Event name — це назва події. І тут є принциповий момент: назви повинні суворо відповідати тим, що пропонує Google. Придумувати свої варіанти безглуздо — вони просто не будуть працювати коректно. Точніше, дані-то зберуться, але користі від них не буде, якщо Ви не знаєте, як їх потім використовувати.
Щоб знайти список допустимих подій, загугліть «Події та параметри динамічного ремаркетингу» — Google покаже приклади коду з потрібними назвами.
Якщо в налаштуваннях вибрати «Встановити тег самостійно», побачите, що код динамічного ремаркетингу складається з двох частин:
Global site tag — базовий код, який розміщується в шапці сайту;
Код події — динамічна частина, яка змінюється залежно від сторінки.
У коді події є елементи, які повинні підставлятися автоматично. Перш за все — назва event-а. Ось які події використовує Google:
view_search_results — перегляд результатів пошуку;
view_item_list — перегляд списку товарів (категорія);
view_item — перегляд картки товару;
add_to_cart — додавання до кошика;
purchase — покупка;
page_view — можна спокійно ставити на головну сторінку.
Крім назви події, потрібно динамічно підміняти value (суму) та id товарної позиції. Наприклад, якщо в кошику дві позиції на загальну суму 998 — код повинен автоматично підрахувати цю суму і передати ідентифікатори обох товарів. Все це налаштовується через змінні в GTM, про що поговоримо далі.
Налаштування тегу в Google Tag Manager
Тепер потрібно налаштувати передачу подій (event-ів) в тег ремаркетингу. Тут все максимально спрощується, якщо Ви встановили плагін GTM4WP. Він автоматично створює всі необхідні події — view_item, view_item_list, add_to_cart та інші. Вам не доведеться прописувати їх вручну.
Досить вибрати вже готові змінні типу Event, і назви потрібних подій будуть підтягуватися автоматично. Плагін подбав про те, щоб вони відповідали вимогам Google.
Крім назви події, потрібно передавати value (суму позицій). Для цього створюємо окрему змінну. Нічого складного тут немає — зараз розберемо покроково.
Як створити змінну для value:
Скільки дзвінків і продажів я отримаю замовивши у Вас контекстну рекламу?
Переходимо до розділу «Змінні» і натискаємо «Створити».
Вибираємо тип «Змінна рівня даних».
У полі імені змінної прописуємо шлях до потрібного значення.
Дивіться, дані в dataLayer мають ієрархічну структуру. Щоб дістатися до value, потрібно спочатку звернутися до об’єкта ecommerce, а потім через крапку вказати value. Можливо, я пояснюю не найакадемічнішою мовою, але суть така: чим глибше вкладений параметр, тим довший шлях до нього.
Прописуємо: ecommerce.value. Називаємо змінну, наприклад, «DLV-ecommerce.value» і зберігаємо.
Далі потрібно передавати ID товарів і параметр google_business_vertical. Останній важливий, тому що ми налаштовуємо ремаркетинг для роздрібної торгівлі. Для інших типів бізнесу підтягувалися б інші значення.
Створюємо ще одну змінну:
Знову вибираємо «Змінна рівня даних».
Прописуємо шлях: ecommerce.items.
Зберігаємо.
Зверніть увагу: якщо у Вашому dataLayer дані передаються як products (а не items), шлях буде іншим. Перевірте це в режимі попереднього перегляду GTM, інакше змінна може не спрацювати.
Після цих налаштувань тег динамічного ремаркетингу буде одночасно передавати назву події, суму замовлення та повний набір товарних даних.
Створення тригера
Тепер потрібно налаштувати тригери, які будуть запускати наш тег ремаркетингу. Є кілька способів це зробити: можна створювати окремий тригер під кожну подію, а можна вчинити розумніше — об’єднати все в один тригер за допомогою регулярних виразів.
Як створити універсальний тригер:
Переходимо до розділу «Тригери» і натискаємо «Створити»;
Вибираємо тип «Спеціальна подія»;
В умовах спрацьовування вибираємо «відповідає регулярному виразу»;
Перераховуємо всі необхідні події через вертикальну риску: view_item_list|view_item|add_to_cart|purchase;
Називаємо тригер зрозуміло, наприклад, «Basic Event Dym Rem»;
Зберігаємо.
Важливий момент: обов’язково перевірте, щоб назви подій точно збігалися з тими, що фіксує Google Tag Manager. Ніяких зайвих пробілів — вони можуть порушити всю логіку спрацьовування.
Після цього повертаємося до нашого тегу динамічного ремаркетингу, даємо йому зрозумілу назву (наприклад, «Dym Remarketing») і прив’язуємо створений тригер.
Натискаємо «Попередній перегляд» в GTM і відкриваємо сайт. Паралельно запускаємо Tag Assistant, щоб відстежувати спрацьовування тегів в реальному часі. Пройдіться по різних сторінках — картці товару, категорії, кошику — і переконайтеся, що тег ремаркетингу активується на кожному кроці.
Перевірка результату
Все завантажилося — переходимо до тестування. Відкриваємо сторінку категорії і дивимося в Tag Assistant: подія view_item_list зафіксована, тег динамічного ремаркетингу спрацював. Якщо розгорнути блок value — побачите повний набір переданих даних. Чудово, перший етап пройдено.
Тепер перевіряємо картку товару. Переходимо на будь-який товар і дивимося: подія view_item — є, тег спрацював. У вкладці «Variables» ви можете детально подивитися, які items підтягуються, чи збігається value з ціною на сторінці. Також корисно заглянути у вкладку «Tags» — там видно, які саме дані система вибирає і передає.
Але найголовніше — щоб Google прийняв всі дані. Натискаємо «Request» і перевіряємо: якщо все відображається коректно і без помилок — код працює як треба.
Невеликий нюанс: на деяких сторінках може передаватися view_item_list там, де це не зовсім логічно. Це особливість коду сайту, і критичної шкоди вона не завдасть — просто майте це на увазі.
Додаємо товар у кошик і дивимося подію add_to_cart. Спрацювало. Відкриваємо «Variables» — все на місці, дані передаються коректно.
Єдине, що може бентежити — іноді передається більше даних, ніж потрібно. Щоб це виправити, можна використовувати спеціальні змінні, які перетворюють масив items в більш чистий формат. Після такого налаштування при події view_item передається тільки один конкретний товар, а не весь масив. Те ж саме з add_to_cart — в даних буде тільки та позиція, яку додали.
Ось такий спосіб налаштування динамічного ремаркетингу на WordPress — швидко, без зайвих складнощів і головного болю. Плагін GTM4WP бере на себе основну роботу, Вам залишається тільки правильно пов’язати все в Google Tag Manager.
Якщо потрібен готовий контейнер GTM з налаштованими тегами та змінними — напишіть у коментарях. Підготую файл для імпорту, який зможете відредагувати під свій проект і відразу використовувати.
