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

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

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

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

Обзор

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

Подготовка

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

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

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

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

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

1. Откройте окно браузера Google Chrome.
2. Перейдите на свой сайт, не закрывая Google Менеджер тегов.
3. Определите, какие данные клиентов вы хотите отправлять в Google Аналитику. Например, если вы хотите отправлять адрес электронной почты, определите, где он находится на странице.
4. Нажмите правой кнопкой мыши на поле и выберите Просмотреть код. Например, если вы хотите отслеживать адрес электронной почты клиента, вам нужно будет нажать правой кнопкой мыши именно на нем.
5. В Инструментах разработчика в Chrome часть кода будет выделена. Этот код соответствует элементу страницы, из которого нужно извлечь селекторы CSS для отслеживания данных клиентов.
6. Наведите указатель на выделенный код и нажмите правую кнопку мыши.
7. В контекстном меню выберите "Копировать", затем Копировать селектор.
8. Вставьте скопированный текст в поля "Указать селекторы CSS или переменные JavaScript" в Google Аналитике или в поле Селектор элементов переменной элемента DOM в 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.