Основні технічні налаштування розширеного відстеження конверсій ( Enhanced Conversions) виконуються в Google Tag Manager (далі GTM). Але перед тим, як перейти до них, власникам сайтів на Okay CMS необхідно виконати певні підготовчі дії, про які зазначено в теоретичний частині нашого блоку статей про налаштування розширеного відстеження конверсій.
Також необхідно перевірити, чи встановлено на вашому сайті маску для правильного введення номеру телефону при оформленні замовлення. Маска обмежує кількість символів, які вводить користувач.
Налаштування розширених конверсій в GTM.
Для подальших налаштувань переходимо безпосередньо в Google Tag Manager.
Тут не зупиняємось на детальному налаштуванні тегу Відстеження конверсій в Google Ads, який відповідає за передачу даних про конверсії напряму із сайту. Лише нагадаємо, що для різних сайтів Data Layer може передавати різні параметри змінних (наприклад ecommerce, eventModel), тому важливо перед початком налаштувань перевірити, який саме параметр передається з вашого сайту. Для цього необхідно зробити тестову покупку в режимі Попереднього перегляду в GTM.
Якщо ви ще не налаштували користувацьку конверсію Purchase напряму із сайту, то перегляньте відео з детальними покроковими інструкціями.
А ми рухаємось далі і доповнюємо наш тег Відстеження конверсій в Google Ads необхідними параметрами, щоб відстежувати телефон та e-mail клієнтів та інформацію про товари. Для цього в GTM необхідно виконати наступні дії:
2. Відкриваємо його та клікаємо в області “Конфігурація тегу”, щоб активувати налаштування. Ми вже зазначили ідентифікатор та мітку конверсії, налаштували передачу цінності, ідентифікатору трансакції та валюти. Тепер доповнимо ці дані додатковою інформацією про товар та користувача.
а) помічаємо галочкою параметр “ Надавати дані про продаж на рівні товару”, відкривається наступне вікно.
Тип змінної – Таблиця RegEx => Вхідна змінна – {{Page Path}} => в параметрі “Шаблон” натискаємо “додати рядок” і вводимо наступний скрипт ^/ru/* => в параметрі “Вивід” вводимо RU. Нижче ставимо галочку навпроти “Установити значення за умовчанням” та вводимо значення UK. Нижче в розділі Advanced Settings знімаємо галочки навпроти трьох параметрів. Задаємо назву змінної “Site Language” та отримуємо наступну картинку.
Зберігаємо змінну.
У вікні, що відкриється натискаємо “+” для створення нової змінної.
Натискаємо на поле “Конфігурація змінної” та обираємо тип змінної – “Змінна рівня даних”.
Щоб коректно прописати імʼя змінної рівня даних, зробимо перегляд товару (view_item) в режимі Попереднього перегляду в GTM та перевіримо, який саме параметр (ecommerce або eventModel) передає Data Layer.
В нашому випадку це параметр ecommerce, тому у полі “Імʼя змінної рівня даних” вводимо ecommerce.items. Для зручності задаємо назву змінної DL_ecommerce.items та зберігаємо змінну .
Якщо при перегляді товару в режимі попереднього перегляду ви отримали в Data Layer наступний варіант.
У вікні “Спеціальний сценарій JavaScript” необхідно вставити наступний скрипт для відстеження електронної пошти:
function() { var tel_class = 'order_details'; var table = document.getElementsByClassName(tel_class)[0]; var cell = table.rows[4].cells[1]; var cellValue = cell.textContent || cell.innerText; return cellValue.replaceAll(/[\s\r\n]+/g, ''); }
Називаємо змінну JS-mail та натискаємо зберегти.
function() { var tel_class = 'order_details'; var table = document.getElementsByClassName(tel_class)[0]; var cell = table.rows[5].cells[1]; var cellValue = cell.textContent || cell.innerText; return cellValue.replaceAll(/[\s\r\n]+/g, ''); }
Називаємо змінну JS-phone та натискаємо зберегти. Даний скрипт не лише вказує на параметр, який необхідно відстежити, а й змінює формат номеру телефону відповідно до вимог Google.
Переходимо в GTM => Робоча область => Попередній перегляд.
Якщо при оформлені тестової покупки ви також побачили, що всі необхідні дані передаються, то можемо вас вітати, налаштування розширеного відстеження конверсій виконано правильно.
Публікуємо контейнер в GTM, щоб внесені зміни вступили в силу.
Висновки.
Завдяки налаштуванню розширеного відстеження конверсій ми допомагаємо Google отримувати більше даних про дії користувачів на сайті та отримуємо більше інформації для оптимізації рекламних кампаній.
У разі повного відключення сторонніх файлів cookies ми не ризикуємо втратити цінні дані про дії користувачів.
Всі необхідні скрипти по налаштуванню розширеного відстеження конверсій для сайтів на Okay CMS знайдете за посиланням.
Також пропонуємо вашій увазі детальні інструкції з налаштування розширеного відстеження конверсій для сайтів на Хорошоп та WordPress.