Як налаштувати розширене відстеження конверсій вручну за допомогою Менеджера тегів Google

1. Відкрийте свій сайт у веб-переглядачі Chrome і перейдіть на сторінку конверсії.
   • Сторінка конверсії – це сторінка, на якій ви хочете запровадити розширене відстеження конверсій (наприклад, покупок, зроблених на іншій сторінці). На ній уже має бути розміщено тег відстеження конверсій. Якщо ви не можете визначити цю сторінку, зверніться до свого розробника й укажіть, які саме дані клієнта, доступні на цій сторінці, ви хочете надсилати в Google. Наприклад, це може бути сторінка з подякою за покупку й отримана вами електронна адреса клієнта.
   • Щоб розширене відстеження конверсій працювало належним чином, потрібно налаштувати хоча б одне з указаних нижче полів.
     • Електронна адреса (бажано).
     • Адреса (у цьому випадку потрібно передавати такі дані, як ім’я, прізвище, поштовий індекс і країна).
     • (Необов’язково) Також можна передавати номер телефону, але не окремо, а разом з електронною адресою або з іменем, прізвищем і поштовою адресою.
2. Визначивши дані клієнта на сторінці, скопіюйте селектори CSS і введіть їх у Менеджері тегів Google (або скористайтеся наявними змінними рівня даних, якщо вони вже є), щоб указати тегу розширеного відстеження конверсій, які саме дані потрібно хешувати й надсилати в Google. Не закривайте вкладку зі сторінкою конверсії.

На іншій вкладці відкрийте Менеджер тегів Google.

1. Увійдіть у свій обліковий запис Менеджера тегів Google.
2. Натисніть Робоча область і в меню навігації виберіть Теги.
3. Виберіть тег відстеження Floodlight, за допомогою якого хочете запровадити розширене відстеження конверсій, і внесіть у нього зміни.
4. Виберіть Включати дані з веб-сайту, надані користувачами.
5. У спадному меню "Вибрати змінну наданих користувачами даних" натисніть Нова змінна.
6. Виберіть "Налаштування вручну" (рекомендовано).
   • Ви також можете вибрати опцію "Код", щоб використовувати власний код JavaScript або інші об’єкти даних для надсилання даних за допомогою Менеджера тегів Google. Якщо ви виберете цей спосіб, потрібно буде використовувати спеціальне форматування для даних (для цього перегляньте відповідні вказівки нижче). Угорі сторінки ви побачите заголовок "Дані, надані користувачами" й усі дані клієнтів, які можна включити в тег розширеного відстеження конверсій.
7. Біля кожного поля з даними користувача, для якого ви хочете запровадити розширене відстеження конверсій, натисніть спадне меню і виберіть "Нова змінна".
   • Якщо ваш рівень даних уже містить нехешовані змінні (з використанням селекторів CSS або інших типів змінних), можна вибрати їх, щоб не створювати нові. Якщо ви не впевнені, продовжуйте дотримуватися вказівок.
8. На екрані "Конфігурація змінної" натисніть "Вибір типу змінної", щоб почати налаштування.
9. На екрані "Вибір типу змінної" натисніть "Елемент DOM" і в спадному меню на екрані "Конфігурація змінної" змініть "Спосіб вибору" на "Селектор CSS".
10. Укажіть назву змінної.
11. У полі "Засіб вибору елементів" укажіть селектор CSS, пов’язаний з даними користувачів (як його знайти, пояснюється в наступному розділі). Поле "Назва атрибута" можна залишити порожнім (докладніше про це читайте нижче).

У наступному розділі ви дізнаєтесь, як скопіювати селектори CSS зі сторінки конверсії і вставити їх у змінні для розширеного відстеження конверсій. Тому не закривайте цю вкладку.

Дотримуйтеся наведених нижче вказівок, щоб знайти селектори CSS, які потрібно вказати в налаштуваннях тегу розширеного відстеження конверсій (наприклад, електронну адресу, номер телефону тощо).

1. Поверніться на вкладку сторінки конверсії (але не закривайте вкладку Менеджера тегів Google).
2. Правою кнопкою миші натисніть дані клієнтів, які мають надсилатися за допомогою розширеного відстеження конверсій, і виберіть "Перевірити", щоб запустити Інструменти розробника Chrome у веб-переглядачі Chrome.
   • Наприклад, якщо ви хочете відстежувати електронну адресу клієнта, натисніть її правою кнопкою миші на сторінці конверсії.
3. На сторінці Інструментів розробника Chrome ви побачите виділену частину вихідного коду. Це код елемента сторінки, у якому потрібно скопіювати селектори CSS для даних клієнта, які ви натиснули правою кнопкою миші в попередньому кроці.
4. Наведіть курсор на виділений код і натисніть його правою кнопкою миші.
5. У контекстному меню виберіть "Copy" (Копіювати), а потім – "Copy Selector" (Копіювати селектор).
6. Вставте цей текст у поле "Засіб вибору елементів" у Менеджері тегів Google.
   • Текст виглядатиме приблизно так: tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail
7. Натисніть Зберегти.

Повторіть кроки 2–7 для кожного поля з даними клієнта (електронної адреси, імені, поштової адреси тощо).

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

Переконавшись, що дані клієнтів доступні, збережіть їх на сторінці в глобальних змінних JavaScript, щоб тег розширеного відстеження конверсій міг використовувати ці змінні (про це розповідається в наступному розділі).

Потрібно налаштувати хоча б одне з указаних нижче полів.

• Електронна адреса (бажано).
• Адреса (у цьому випадку потрібно передавати такі дані, як ім’я, прізвище, поштовий індекс і країна). (Необов’язково) Як додаткові ключі збігу можна включати назву вулиці, місто й регіон (чи область).
• Номер телефону (його також можна передавати, але разом з електронною адресою або з іменем, прізвищем і поштовою адресою).

У таблиці нижче наведено докладні відомості про змінні з даними клієнтів, які можна визначати. Цим змінним можна присвоїти будь-яку назву. Стовпець "Назва ключа" показує, як ці змінні виглядатимуть в тегу розширеного відстеження конверсій. Зверніть увагу, що для всіх змінних потрібно вибрати тип "рядок". Крім того, кожен компонент повного імені й адреси має бути окремою змінною (тобто одна змінна для імені, інша – для прізвища тощо).

Поле даних	Назва ключа (у спеціальній змінній JavaScript)	Опис
Електронна адреса	email	Електронна адреса користувача
Номер телефону	phone_number	Номер телефону користувача (тег вилучає символи й тире, однак номер телефону обов’язково має містити код країни)
Ім’я	address.first_name	Ім’я користувача. (наприклад, Іван)
Прізвище	address.last_name	Прізвище користувача. (наприклад, Мельник)
Адреса	address.street	Адреса користувача (наприклад, вул. Вокзальна 123)
Місто	address.city	Назва міста користувача. (наприклад, Харків)
Область	address.region	Назва області або району користувача. (наприклад, Харківська обл.)
Поштовий індекс	address.postal_code	Поштовий індекс користувача (лише 5-значний варіант, наприклад, 61000)
Країна	address.country	Код країни користувача (дволітерний код країни за стандартом ISO 3166-1 alpha-2, наприклад, UA)

Далі потрібно буде ввімкнути розширене відстеження конверсій у Менеджері тегів Google і вказати змінні з даними клієнта, які ви щойно створили.

1. Увійдіть у свій обліковий запис Менеджера тегів Google.
2. Натисніть Робоча область і в меню навігації виберіть Теги.
3. Виберіть тег відстеження Floodlight, за допомогою якого хочете запровадити розширене відстеження конверсій, і внесіть у нього зміни.
   • Якщо ви ще не налаштували тег відстеження конверсій Floodlight у своєму обліковому записі Менеджера тегів Google, перегляньте цей посібник.
4. Виберіть Включати дані з веб-сайту, надані користувачами.
5. Натисніть Вибрати змінну наданих користувачами даних, а потім – Нова змінна.
6. У розділі "Змінна наданих користувачами даних" виберіть унизу варіант Код.
7. На екрані "Вибір типу змінної" натисніть Спеціальна змінна JavaScript.
8. Скопіюйте в спеціальну змінну JavaScript такий код:

function () {
return {
"email": вашаЗміннаЕлектронноїАдреси , // замініть заповнювач "вашаЗміннаЕлектронноїАдреси" на назву змінної, яка реєструє електронну адресу користувача
"phone_number": вашаЗміннаНомераТелефону , // виконайте такі самі дії для цього й усіх подібних заповнювачів нижче
"address": {
"first_name": вашаЗміннаІмені
"last_name": вашаЗміннаПрізвища ,
"street": вашаЗміннаНазвиВулиці ,
"city": вашаЗміннаМіста ,
"region": вашаЗміннаРегіону ,
"postal_code": вашаЗміннаПоштовогоІндексу ,
"country": вашаЗміннаКраїни
}
}
}

9. У наведеному вище коді замініть змінні-заповнювачі (наприклад, заповнювач вашаЗміннаЕлектронноїАдреси) на назви глобальних змінних JavaScript, які містять відповідні дані клієнта на сторінці конверсії.
   • Як згадувалося в попередніх кроках, потрібно налаштувати хоча б одне з указаних нижче полів.
     • Електронна адреса (бажано).
     • Адреса (необхідно передавати такі дані: ім’я, прізвище, поштовий індекс і країна).
     • Номер телефону (має передаватися лише разом з одним із наведених вище полів).
   • Якщо ваш сайт не збирає певний тип указаної вище інформації, радимо повністю вилучити відповідне поле, а не залишати його пустим.
     • Наприклад, якщо ваш сайт збирає лише електронні адреси й номери телефонів, створіть спеціальну змінну JavaScript, яка виглядатиме так:
       function () {
return {
"email": вашаЗміннаЕлектронноїАдреси ,
"phone_number": вашаЗміннаНомераТелефону
}
}
10. Натисніть Зберегти.

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

Виберіть один із тегів, указаних у діалоговому вікні. Якщо ви вже маєте тег Google і використовуєте Менеджер тегів Google, радимо вибрати тег Google.

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

Якщо ви використовуєте Менеджер тегів Google, переконайтеся, що всіх наведених вище вказівок зі створення змінних точно дотримано. Також переконайтеся, що саме ці змінні вказано в конфігурації розширеного відстеження конверсій у Менеджері тегів Google і що вони заповнюються даними в момент конверсії.

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