Эта функция проходит открытое бета-тестирование и может быть изменена.
Эти инструкции предназначены для администраторов и пользователей с правами на редактирование, которые хотят идентифицировать на сайте данные, предоставленные пользователями, и вводить данные в Google Менеджер тегов.
Обзор
Вам необходимо обновить код на каждой странице, где вы собираете данные, предоставленные пользователями, например на странице регистрации, странице для привлечения потенциальных клиентов, странице оформления покупки и т. д. Чтобы данные точно были переданы в Аналитику, можете отправлять их несколько раз за сеанс.
Подготовка
В этой инструкции подразумевается, что у вас:
- есть доступ к контейнеру Менеджера тегов для сайта;
- включен сбор данных, предоставленных пользователями, и настроены необходимые разрешения;
- настроен тег Google Аналитика: событие GA4 в контейнере Менеджера тегов.
Инструкции
- Войдите в аккаунт Google Менеджера тегов.
- На вкладке Рабочая область слева нажмите Теги.
- Откройте тег Google Аналитика: событие GA4, с помощью которого вы собираете данные клиентов.
- Установите флажок Добавить данные, предоставляемые пользователями, с вашего сайта.
- В раскрывающемся меню Пользовательские данные выберите или создайте переменную "Данные, предоставленные пользователями".
- В этой переменной выберите Настройка вручную.
- В каждом поле в раскрывающемся меню выберите переменную.
- Если вы создаете переменную для поля данных, выполните следующие действия:
- Нажмите Конфигурация переменной > Элемент DOM.
- Вверху введите название переменной.
- В поле Способ выбора выберите Селектор CSS.
- В поле Селектор элемента укажите селектор CSS, который ссылается на данные клиентов. Подробнее о том, как выбирать селекторы CSS для полей данных, предоставленных пользователями…
- Оставьте поле Название атрибута пустым.
- Чтобы избежать возможных проблем при настройке, пропустите поле Формат значения.
- Сохраните переменную элемента DOM.
- Повторите эти шаги для каждого поля данных, которые будете собирать.
- В переменной "Данные, предоставляемые пользователями" пропустите поле Формат значения.
- Сохраните тег события.
- В правом верхнем углу нажмите Отправить, чтобы опубликовать изменения.
Как выбирать селекторы CSS для полей данных, предоставленных пользователями
Чтобы найти селекторы CSS, которые нужно указать в полях, выполните описанные ниже действия. Если в вашем коде уже есть нехешированные переменные, вы можете выбрать их, чтобы не создавать новые. Подробнее о полях, которые можно задать…
Примечание. Если вы используете переменные JavaScript, спросите разработчика своего сайта, какие переменные нужно добавить в эти поля. Если вы используете селекторы CSS, следуйте приведенным ниже инструкциям.
- Откройте окно браузера Google Chrome.
- Перейдите на свой сайт, не закрывая Google Менеджер тегов.
- Определите, какие данные клиентов вы хотите отправлять в Google Аналитику. Например, если вы хотите отправлять адрес электронной почты, определите, где он находится на странице.
- Нажмите правой кнопкой мыши на поле и выберите Просмотреть код. Например, если вы хотите отслеживать адрес электронной почты клиента, вам нужно будет нажать правой кнопкой мыши именно на нем.
- В Инструментах разработчика в Chrome часть кода будет выделена. Этот код соответствует элементу страницы, из которого нужно извлечь селекторы CSS для отслеживания данных клиентов.
- Наведите указатель на выделенный код и нажмите правую кнопку мыши.
- В контекстном меню выберите Копировать, затем Копировать selector.
- Вставьте скопированный текст в соответствующее поле в 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.