Ця функція є частиною загальнодоступної бета-версії і може бути змінена.
Ці вказівки призначено для адміністраторів і редакторів, яким потрібно визначити дані, надані користувачами, на вебсайті й ввести їх у Менеджер тегів Google.
Огляд
Вам потрібно оновити код на всіх сторінках, на яких ви збираєте дані, надані користувачами (наприклад, на сторінці реєстрації, сторінці залучення зацікавлених клієнтів, сторінці оформлення замовлення тощо). Дані можна надсилати кілька разів за сеанс, щоб гарантовано передати їх в Analytics.
Перш ніж почати
Щоб виконати ці вказівки, ви повинні:
- мати доступ до контейнера Менеджера тегів для свого вебсайту;
- увімкнути збирання й використання даних, наданих користувачами;
- налаштувати тег Google Analytics: подія Google Analytics 4 в контейнері Менеджера тегів.
Вказівки
- Увійдіть у Менеджер тегів Google.
- На вкладці Робоча область натисніть ліворуч Теги.
- Відкрийте тег Google Analytics: подія Google Analytics 4, за допомогою якого ви збираєте дані клієнтів.
- Виберіть Включати дані з вебсайту, надані користувачами.
- У спадному меню Дані користувача виберіть або створіть змінну для даних, наданих користувачами.
- У змінній "Дані, надані користувачами" виберіть Налаштування вручну.
- Для кожного поля розгорніть спадне меню й виберіть змінну.
- Якщо ви створюєте змінну для поля даних, виконайте наведені нижче дії.
- Натисніть Конфігурація змінної > Елемент DOM.
- Угорі введіть назву змінної.
- У полі Спосіб вибору виберіть Селектор CSS.
- У полі Засіб вибору елементів укажіть селектор CSS, який посилається на дані клієнтів. Дізнайтеся, як визначити селектори CSS для полів даних, наданих користувачами.
- Залиште поле Назва атрибута порожнім.
- Пропустіть поле Значення формату, щоб уникнути можливих проблем із налаштуванням.
- Збережіть змінну елемента DOM.
- Повторіть ці кроки для кожного поля, інформацію з якого потрібно зібрати.
- У змінній "Дані, надані користувачами" пропустіть поле Значення формату.
- Збережіть тег події.
- У верхньому правому куті натисніть Надіслати, щоб опублікувати зміни.
Як визначити селектори CSS для полів даних, наданих користувачами
Щоб визначити, які селектори CSS указувати в полях, виконайте наведені нижче дії для кожного поля. Якщо код уже містить нехешовані змінні, можна вибрати їх, щоб не створювати нові змінні CSS. Докладніше про налаштування полів.
Примітка. Якщо ви використовуєте змінні JavaScript, запитайте у свого розробника, які змінні потрібно вказати в цих полях. Якщо ви використовуєте селектори CSS, виконайте наведені нижче дії.
- Відкрийте вікно вебпереглядача Google Chrome.
- Перейдіть на свій вебсайт, але не закривайте Менеджер тегів Google.
- Визначте, які дані клієнтів потрібно надсилати в Google Analytics. Наприклад, якщо ви хочете надіслати електронну адресу, визначте, де вона відображається на сторінці.
- Натисніть поле правою кнопкою миші й виберіть Перевірити. Наприклад, якщо ви хочете відстежувати електронну адресу клієнта, натисніть її правою кнопкою миші.
- На сторінці Інструменти розробника Chrome ви побачите виділену частину коду. Це код елемента сторінки, у якому потрібно скопіювати селектори CSS для даних клієнта.
- Наведіть курсор на виділений код і натисніть його правою кнопкою миші.
- Прокрутіть униз і виберіть Copy (Копіювати), а потім – Copy Selector (Копіювати селектор).
- Вставте скопійований текст у відповідне поле в Google Analytics або Менеджері тегів.
- Скопійований текст має виглядати приблизно так:
tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail
- Скопійований текст має виглядати приблизно так:
Next steps
Validate that user-provided data collection is set up correctly. Show me how.