[GA4] Как настроить конфигурацию вручную (Менеджер тегов)

This feature is part of an open beta. Keep in mind that the feature is subject to change.

Эти инструкции предназначены для администраторов и пользователей с правами на редактирование, которые хотят идентифицировать на сайте данные, предоставленные пользователями, и вводить данные в Google Менеджер тегов.

Обзор

Вам необходимо обновить код на каждой странице, где вы собираете данные, предоставленные пользователями, например на странице регистрации, странице для привлечения потенциальных клиентов, странице оформления покупки и т. д. Чтобы данные точно были переданы в Аналитику, можете отправлять их несколько раз за сеанс.

Подготовка

В этой инструкции подразумевается, что у вас:

есть доступ к контейнеру Менеджера тегов для сайта;
включен сбор данных, предоставленных пользователями, и настроены необходимые разрешения;
настроен тег Google Аналитика: событие GA4 в контейнере Менеджера тегов.

Инструкции

Войдите в аккаунт Google Менеджера тегов.
На вкладке Рабочая область слева нажмите Теги.
Откройте тег Google Аналитика: событие GA4, с помощью которого вы собираете данные клиентов.
Установите флажок Добавить данные, предоставляемые пользователями, с вашего сайта.
В раскрывающемся меню Пользовательские данные выберите или создайте переменную "Данные, предоставленные пользователями".
В этой переменной выберите Настройка вручную.
В каждом поле в раскрывающемся меню выберите переменную.
Если вы создаете переменную для поля данных, выполните следующие действия:
1. Нажмите Конфигурация переменной > Элемент DOM.
2. Вверху введите название переменной.
3. В поле Способ выбора выберите Селектор CSS.
4. В поле Селектор элемента укажите селектор CSS, который ссылается на данные клиентов. Подробнее о том, как выбирать селекторы CSS для полей данных, предоставленных пользователями…
5. Оставьте поле Название атрибута пустым.
6. Чтобы избежать возможных проблем при настройке, пропустите поле Формат значения.
7. Сохраните переменную элемента DOM.
8. Повторите эти шаги для каждого поля данных, которые будете собирать.
В переменной "Данные, предоставляемые пользователями" пропустите поле Формат значения.
Сохраните тег события.
В правом верхнем углу нажмите Отправить, чтобы опубликовать изменения.

Identify CSS selectors for user-provided data fields

To identify the CSS selectors to input into the fields, complete these steps for each field. If you already have unhashed variables in your code, you can select those instead of creating new CSS variables.

Note: If you’re using JavaScript variables, it’s likely easiest to ask your developer which variables should be added to these fields. If you’re using CSS Selectors, you can follow the steps below.

Open a Google Chrome browser window.
Go to your website, but keep Google Tag Manager open.
Identify the customer data you want to send to Google Analytics. For example, if you want to send an email address, identify where the email address is present on the page.
Right click the field and select Inspect. For example, if you are trying to capture an email address, make sure you are right clicking the email address.
On the Chrome Developer Tools page, you will see a portion of the code highlighted. This code is the page element where you need to extract CSS Selectors for the customer data.
Hover your mouse over the highlighted code and right-click it.
Scroll down to "Copy", then select Copy Selector.
Paste the copied text in the corresponding field in Google Analytics or Tag Manager.
- The copied text should look something like the following:
  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.

Эта информация оказалась полезной?

Как можно улучшить эту статью?