[GA4] Как указать селекторы CSS или переменные JavaScript (gtag.js)

Эта функция проходит открытое бета-тестирование и может быть изменена.

Эти инструкции предназначены для администраторов и пользователей с правами на редактирование, которые настраивают сбор данных, предоставленных пользователями, и хотят узнать, как идентифицировать такие данные с помощью селекторов CSS или переменных JavaScript на странице "Использовать данные, предоставленные пользователями".

Обзор

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

Подготовка

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

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

Как выбирать селекторы CSS для полей данных, предоставленных пользователями

Чтобы найти селекторы CSS, которые нужно указать в полях, выполните описанные ниже действия. Если в вашем коде уже есть нехешированные переменные, вы можете выбрать их, чтобы не создавать новые. Подробнее о полях, которые можно задать

Примечание. Если вы используете переменные JavaScript, спросите разработчика своего сайта, какие переменные нужно добавить в эти поля. Если вы используете селекторы CSS, следуйте приведенным ниже инструкциям.

  1. Откройте окно браузера Google Chrome.
  2. Перейдите на свой сайт, не закрывая Google Менеджер тегов.
  3. Определите, какие данные клиентов вы хотите отправлять в Google Аналитику. Например, если вы хотите отправлять адрес электронной почты, определите, где он находится на странице.
  4. Нажмите правой кнопкой мыши на поле и выберите Просмотреть код. Например, если вы хотите отслеживать адрес электронной почты клиента, вам нужно будет нажать правой кнопкой мыши именно на нем.
  5. В Инструментах разработчика в Chrome часть кода будет выделена. Этот код соответствует элементу страницы, из которого нужно извлечь селекторы CSS для отслеживания данных клиентов.
  6. Наведите указатель на выделенный код и нажмите правую кнопку мыши.
  7. В контекстном меню выберите Копировать, затем Копировать selector.
  8. Вставьте скопированный текст в соответствующее поле в Google Аналитике или Менеджере тегов.
    • Скопированный текст должен выглядеть примерно так:

      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.

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

Как можно улучшить эту статью?
Поиск
Очистить поле поиска
Закрыть поиск
Главное меню
8994265645310911224
true
Поиск по Справочному центру
true
true
true
true
true
69256
false
false
false
false