Как настроить расширенное отслеживание конверсий потенциальных клиентов с помощью тега Google

Страница "Связанные аккаунты" в разделе "Администратор" перенесена на страницу "Менеджер данных" в разделе "Инструменты" . Менеджер данных Google Рекламы – это инструмент с удобным интерфейсом point-and-click для импорта данных клиентов и настройки их использования в Google Рекламе. Подробнее о Менеджере данных…

Примечание. Глобальный тег (gtag.js) теперь называется тегом Google. В результате этого изменения новые и существующие теги gtag.js получили больше возможностей, позволяют собирать более качественные данные, а также добавлять новые функции, – и все это без изменений кода. Подробнее о теге Google…

Расширенное отслеживание конверсий потенциальных клиентов помогает отслеживать эффективность кампаний, направленных на повышение онлайн-продаж. Оно работает следующим образом: сначала пользователи заполняют форму для потенциальных клиентов, а затем, когда они совершают покупку или другую транзакцию, информация об этом связывается с данными из формы (и, следовательно, с объявлением, которое привело к конверсии).

В отличие от обычного отслеживания офлайн-конверсий на основе импорта данных, в этом случае вам не требуется менять формы для потенциальных клиентов или настройки систем управления взаимоотношениями с клиентами (CRM), чтобы сохранять идентификатор клика Google (GCLID). Вместо этого для отслеживания конверсий используются данные, которые потенциальные клиенты предоставляют на вашем сайте.

В этой статье рассказывается, как настроить расширенное отслеживание конверсий потенциальных клиентов на сайте с помощью тега Google. Это также можно сделать с помощью Google Менеджера тегов. Прочитайте статью Расширенное отслеживание конверсий, чтобы узнать больше о преимуществах и принципах работы этой функции применительно к потенциальным клиентам.

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

Подготовка

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

• адрес электронной почты (предпочтительно);
• номер телефона.

Мы рекомендуем использовать адрес электронной почты потенциального клиента, поскольку он служит уникальным идентификатором и сохраняет свой исходный формат в CRM. Из номера телефона будут удалены символы и тире. При этом номер обязательно должен включать код страны.

Что ещё нужно сделать:

• Запишите URL страницы своего сайта, где размещена форма для потенциальных клиентов. Эта информация может понадобиться в ходе настройки.
• Проверьте, включена ли функция автоматической пометки. Она нужна для импорта офлайн-конверсий.
• Убедитесь, что через форму для потенциальных клиентов на вашем сайте собираются нужные данные (адрес электронной почты и/или номер телефона).
• Прочитайте правила Google Рекламы в отношении данных о клиентах и подтвердите свое согласие с ними (это нужно будет сделать на одном из этапов, описанных ниже).

Инструкции

Примечание. Приведенные ниже инструкции относятся к новому оформлению интерфейса Google Рекламы. Если вы предпочитаете старую версию, нажмите "Внешний вид" и выберите вариант Прежний дизайн. Если вы пользуетесь прежним интерфейсом, ознакомьтесь со схемой аккаунта или воспользуйтесь строкой поиска на верхней панели навигации в Google Рекламе, чтобы найти нужную страницу.

Чтобы настроить импорт офлайн-конверсий с помощью расширенного отслеживания конверсий потенциальных клиентов, выполните следующие шаги:

1. Настройте тег Google
2. Создайте действие-конверсию
3. Примите условия в отношении данных клиента

1. Настройте тег Google

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

Примечания

• Если сведения о ваших транзакциях относятся к деликатным категориям, используйте настройку вручную, чтобы данные деликатного характера не передавались в Google.
• Чтобы собирать информацию о посетителях вашего сайта, совершивших конверсии офлайн, и упростить импорт, добавьте в тег пользовательские данные, предоставленные в форме для потенциальных клиентов. Настройте способ добавления данных, предоставленных пользователями. Мы делаем все возможное, чтобы обеспечивать защиту и конфиденциальность данных, которыми вы с нами делитесь. Подробнее о правилах в отношении данных о клиентах…

8. В меню "Тег Google" нажмите Сохранить.
9. Вы увидите уведомление о том, что все готово. Нажмите ОК.

Далее вам нужно импортировать в Google Рекламу конверсии, полученные благодаря кликам по объявлениям.

2. Создайте действие-конверсию

1. В аккаунте Google Рекламы нажмите на значок Цели .
2. В меню разделов нажмите на раскрывающийся список Конверсии.
3. Выберите Сводка.
4. Нажмите Новое действие-конверсия.
5. На странице "Новое действие-конверсия" выберите Импорт.
6. Выберите CRM-системы, файлы или другие источники данных, а затем – Отслеживание конверсий по кликам.
7. В разделе "Источник данных" нажмите Установить связь с новым источником данных.
   1. Вы можете установить связь с источником данных следующими способами:
      1. прямое подключение;
      2. стороннее решение от Zapier.
8. Нажмите Продолжить.
9. Задайте настройки действия-конверсии. Подробную информацию можно найти в статье Как настроить импорт офлайн-конверсий.
10. Нажмите Сохранить и продолжить. На следующей странице вы увидите подтверждение о том, что действие-конверсия создано.

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

11. Нажмите Готово.

3. Примите условия в отношении данных клиента

1. Рядом с пунктом "Условия в отношении данных клиента" нажмите Посмотреть условия и прочитайте правила и дополнительные условия в отношении данных о клиентах.
2. Установите флажок "Условия прочитаны, я принимаю их от имени моей компании".
3. Нажмите Да. Статус изменится на "Принято".

Примечание. Эти условия распространяются на весь аккаунт или управляющий аккаунт. Если вы не видите текст условий, значит конверсии отслеживаются в управляющем аккаунте. Условия в отношении данных клиента необходимо принять в управляемом аккаунте, а также в управляющем аккаунте Google Рекламы, в котором отслеживаются конверсии управляемого аккаунта.

Как настроить расширенное отслеживание конверсий потенциальных клиентов с помощью JavaScript или селекторов CSS

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

Найдите поля с данными для расширенного отслеживания конверсий на странице формы для потенциальных клиентов

1. Откройте страницу формы в новой вкладке Chrome (не закрывайте вкладку с аккаунтом Google Рекламы).
2. Определите, в какие поля вводятся данные, которые вы хотите передавать в Google.

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

   • электронная почта (предпочтительно);
   • номер телефона.
3. Далее скопируйте нужные селекторы CSS в Google Рекламу, как описано в следующем шаге.

Найдите селекторы CSS, которые нужно использовать для расширенного отслеживания конверсий, и добавьте их в Google Рекламу

1. На странице формы для потенциальных клиентов нажмите правой кнопкой мыши на поле, данные из которого нужно отправлять, и выберите Просмотреть код.
   Примечание. Если вам нужен селектор CSS для адреса электронной почты, нажмите правой кнопкой мыши на адрес электронной почты на странице конверсии.
2. Откроются Инструменты разработчика в браузере Chrome.
3. В Инструментах разработчика появится исходный код сайта. Часть кода будет выделена: это тот самый элемент, из которого нужно извлечь селекторы CSS для отслеживания данных о клиенте.
4. Наведите указатель на выделенный код и нажмите правую кнопку мыши.
5. В контекстном меню выберите "Копировать", а затем Селектор.
6. Перейдите на вкладку браузера, где открыты настройки автоматического расширенного отслеживания конверсий в аккаунте Google Рекламы. Вставьте скопированный текст в нужное поле.
   • Значение будет выглядеть примерно (но не в точности) следующим образом:
     tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail
7. Повторите шаги 2–6 этого раздела для каждого поля с информацией о клиенте (адресом электронной почты или номером телефона).
8. В аккаунте Google Рекламы нажмите Сохранить.

Примечание. Для получения значения из элемента DOM лучше всего использовать атрибут "Идентификатор". Идентификаторы не повторяются и с меньшей вероятностью изменятся со временем, чем другие свойства, например названия классов или элементов. Кроме того, на них не влияет изменение макета страницы.

Если у поля уже есть идентификатор, вы можете добавить атрибутid в HTML-коде, например:

<input type="text" id="myTextField">

Как настроить расширенное отслеживание конверсий потенциальных клиентов, изменив код сайта

Ещё один способ настроить расширенное отслеживание конверсий потенциальных клиентов – добавить собственный код JavaScript, который будет непосредственно вызывать тег Google. Это может быть необходимо для форм, добавленных с помощью сторонних инструментов или в окнах iframe.

Выберите и определите поля с данными для расширенного отслеживания конверсий

Убедитесь, что у кода есть доступ к значениям полей, в которые пользователь вводит адрес электронной почты или номер телефона. Вы можете отправлять либо нехешированные данные, которые Google нормализует и хеширует перед передачей серверам, либо уже хешированные и обработанные. Если вы выбрали второй вариант, следуйте приведенным ниже инструкциям.

Чтобы нормализовать данные:

• Удалите начальные и конечные пробелы.
• Конвертируйте текст в нижний регистр.
• Отформатируйте номера телефонов по стандарту E.164.

Чтобы хешировать данные, выполните следующие действия:

• Используйте алгоритм SHA256.

В таблице ниже приводится подробная информация о полях, которые вы можете определить. В столбце "Название ключа" указано, как они обозначаются в HTML-фрагменте расширенного отслеживания конверсий, который будет создан на следующем шаге. Все передаваемые данные должны иметь тип "строка".

Поле данных	Название ключа	Описание
Адрес электронной почты	email	Электронная почта пользователя. Пример: [e-mail]
	sha256_email_address	Хешированная электронная почта пользователя. Пример: a8af8341993604f29cd4e0e5a5a4b5d48c575436c38b28abbfd7d481f345d5db
Номер телефона	phone_number	Номер телефона пользователя, включая код страны. Номер должен быть указан в формате E.164, то есть начинаться с плюса, состоять из 11–15 цифр (включая код страны) и не содержать тире, скобок и пробелов. Пример: [phone].
	sha256_phone_number	Хешированный номер телефона пользователя. Пример: e9d3eef677f9a3b19820f92696be53d646ac4cea500e5f8fd08b00bc6ac773b1

Примечание. Убедитесь, что в момент активации тега нужные данные о клиенте содержатся в переменной. Это особенно важно, если вы собираете их на предыдущей странице или в окне iframe.

Реализуйте скрипт расширенного отслеживания конверсий

Скопируйте приведенный ниже скрипт и измените его: вместо выделенных синим примеров укажите имена реальных переменных из вашего кода, в которых хранятся данные пользователя. Затем добавьте отредактированный скрипт на страницу, на которой должен срабатывать тег Google.

Например, если переменная для адреса электронной почты называется email_address, укажите это название в коде вместо yourEmailVariable.

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

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

<script>

gtag('set', 'user_data', {

"email": yourEmailVariable, //Вместо yourEmailVariable укажите название вашей переменной JavaScript, в которой хранится адрес электронной почты пользователя. Сделайте то же для остальных переменных. Значения не должны быть хешированы.

"phone_number": yourPhoneVariable, ***Номер телефона должен быть указан в формате E.164, т. е. начинаться с плюса и состоять из 11–15 цифр, включая код страны, и не содержать тире, скобок и пробелов.

});

</script>

// Приведенный ниже фрагмент кода можно использовать для отправки данных, предоставленных пользователями

<script>

gtag('event', 'form_submit', {'send_to': 'AW-CONVERSION_ID'}); ***Укажите вместо CONVERSION_ID идентификатор отслеживания конверсий, используемый в вашем теге Google.

</script>

Если на вашем сайте отсутствуют некоторые из этих полей, не оставляйте соответствующие им строки пустыми, а удалите их из кода. Например, если вы собираете только адреса электронной почты, код будет выглядеть так:

// Добавьте этот код на страницу

<script>

gtag('set', 'user_data', {

"email": {{ yourEmailVariable }}

});

</script>

Несколько значений

При необходимости разработчики могут предоставлять несколько значений (до трех номеров телефона и адресов электронной почты и до двух адресов), используя массивы вместо строк. Если вы получаете несколько вариантов данных, передавайте все, чтобы повысить вероятность успешного сопоставления. Изучите пример ниже.

<script>

gtag('set', 'user_data', {

"email": [yourEmailVariable1, yourEmailVariable2],

"phone_number": [yourPhoneVariable1, yourPhoneVariable2]

});

</script>

Пример кода для предоставления предварительно хешированных пользовательских данных:

// Добавьте этот код на страницу

<script>

gtag('set', 'user_data', {

"sha256_email_address": {{ yourEmailVariable }},

"sha256_phone_number": {{ yourPhoneVariable }}

});

</script>

Статьи по теме

• Импорт офлайн-конверсий
• Расширенное отслеживание конверсий
• Как настроить импорт офлайн-конверсий