Пошаговое руководство по настройке Call Tracking от Google Ads (Adwords) через GTM.
Вам необходимо:
- Создать аккаунт в Google Adwords.
- Создать аккаунт в Google Tag Manager.
- Разместить код Google Tag Manager на сайте.
- Настроить отслеживание звонков в Adwords.
- Создать тег в GTM для отслеживания конверсий.
- Создать тег в GTM для подмены номера.
Настройку Call Tracking разбиваем на два этапа:
- Настройка Google Adwords.
- Настройка Google Tag Manager.
Этап №1. Настройка Google Ads (Adwords)
Чтобы получить код отслеживания звонков Adwords, заходим в инструменты (в верхнем правом углу экрана) и выбираем пункт конверсии:
Мы переходим в окно конверсии. Далее нажимаем на кнопку “+Конверсия”
Мы попадаем в окно – Настройка конверсий. Здесь мы выбираем телефонные звонки:
У нас появляется окно, и в нём выбираем: “Звонки на номер, указанный на Вашем сайте”.
Мы переходим в окно с основными настройками отслеживания звонков.
- Название делаем своё, например “отслеживание звонков по рекламе”. Создаём такое название, которое можно будет легко найти в отчётах.
- Категорию выбираем ту, которая подходит для вашего сайта
- Ценность цели выбираем также на своё усмотрение (если Вы знаете сколько стоит звонок на Ваш номер, то ставим, если нет, то не ставим).
- Длительность звонка выбираем по-своему усмотрению (если звонок продлится 10 сек., конверсия будет засчитана и передана, если меньше 10 сек., конверсия не засчитывается).
- Учёт конверсии выбираем на своё усмотрение.
- Период Учёта выбираем на своё усмотрение.
- Категорию выбираем ту, которая Вам подходит.
- Ставим галочку – Отображать столбец в отчётах.
- Выбираем атрибуцию, которая Вам подходит.
- Сохраняем настройки.
Мы попадаем в окно для получения скрипта для отслеживания конверсий, выбираем пункт – не указывать номер, и сохраняем скрипт (например в блокнот), нам он понадобится при настройке тега в Google Tag Manager.
Сохраняем наши настройки. Теперь нужно привязать номер ко всем Вашим рекламным кампаниям: делаем это в меню – Расширение объявлений, нажимаете “+расширение” и добавляете Ваш номер.
Этап №2. Настройка Google Tag Manager
Теперь делаем настройку – Отслеживание звонков в GTM
Создаём новый тег:
- Название “Отслеживание Звонков”.
- Тип тега “Пользовательский HTML”.
- Вставляем скрипт, который мы получили в Adwords. (Который сохраняли в блокнот).
- Активация тега “Просмотр всех страниц – All Pages”.
Сохраняем Тег и публикуем его.
Перед созданием второго Тега нам нужно создать Триггер
Создаём триггер с названием: “Dom Ready”
Выбор события: “просмотр страницы”
Настройка триггера: “модель DOM готова”
Условия активации: “все просмотры страниц”
Затем публикуем триггер.
Теперь приступаем к созданию Тега – подмена номера.
Название: Подмена номера
Тип: Пользовательский HTML
Вставляем код для подмены номера:
<script> //Ниже приведены варианты переменных, исключительно для примера. Вам необходимо изменить их под себя. //Измените business_number на свой телефонный номер, отобразив его так, как он показан у Вас на сайте. var business_number="8-999-999-99-99"; //Измените business_number_unformatted на свой телефонный номер без дополнительных символов и пробелов var business_number_unformatted = "89999999999"; //Измените business_number_identifier на свой css селектор (который мы определили выше) var business_number_identifier = "span.lptracker_phone"; //нижеприведённая функция остаётся неизменной var callback = function(formatted_number, unformatted_number) { var numberElement = document.querySelector(business_number_identifier); var numberString = numberElement.innerHTML; numberString = numberString.replace(business_number,formatted_number); numberElement.innerHTML = numberString; }; //Ниже приведённая строка кода, нужна для тестирования нашего тега в GTM debug mode //Она заменяет номер телефона на Вашем сайте, на тестовый номер ‘11-111-1111’ window.onload = callback('666-666-6666', business_number_unformatted); //Строка кода ниже и есть вызов нашей главной функции. После того, как Вы закончите //тестирование и будете готовы опубликовать GTM container, добавьте ‘//’ перед строкой кода ВЫШЕ и удалите ‘//’ перед строкой кода НИЖЕ. //window.onload = _googWcmGet(callback, business_number); </script>
- Укажите Ваш номер так, как он отображён на Вашем сайте.
- Укажите номер – только цифры.
- Укажите css селектор.
Его можно посмотреть, нажав правой кнопкой мышки на номер телефона, и Вы увидите код элемента.
Вставляем в код скрипта: span.lptracker_phone. Если у Вас тег называется <a класс номера /a>, то пишем: a#lptracker_phone, если <div — /div>, то пишем div#lptracker_phone или div.lptracker_phone.
- Ставим активацию тега Dom Read, который Вы создавали ранее.
Сохраняем Тег и публикуем его!
Наша настройка завершена, теперь когда пользователь перейдёт по Вашей рекламе на Ваш сайт ему будет показан номер телефонии Adwords. Соответственно когда пользователь наберёт номер, который предоставил Google Adwords будет сделана переадресация на Ваш номер.
Теперь можем посмотреть звонки в отчёте Adwords. Эту конверсию можно посмотреть только в Меню кампаний и объявлений.
Если столбца такого нет, его нужно добавить с помощью столбцы->изменить столбцы->телефонные звонки.
Это актуальная новость?
Да, это актуально!