Установка коллтрекинга через GTM
В случае когда ограничен доступ к html-разметке сайта, можно разместить скрипт коллтрекинга и класс для подмены номера через Google Tag Manager.
Установка состоит из двух частей - размещение скрипта подмены и добавление класса подмены class="phoneAllostat" в том месте,
где на вашем сайте находится телефон.
Установите код Google Tag Manager на вашем сайте. Верхнюю часть контейнера необязательно устанавливать в head, можно и в body.
Размещение скрипта
- Скопируйте скрипт в личном кабинете AlloStat.
- Добавьте тег в Диспетчере Тегов.
- Укажите название тега, и выберите тип "Пользовательский HTML".
- Вставьте ранее скопированный из личного кабинета коллтрекинга скрипт и нажмите "Сохранить".
- Google Tag Manager предложить добавить триггер активации.
- Выберите "Все страницы".
- Убедитесь, что все поля заполнены и сохраните.
Добавление класса подмены
Создайте новый тег и повторите предыдущие шаги. Вместо скрипта коллтрекинга используйте следующий скрипт для подмены номера:
-
<script type="application/javascript">
var phoneHeader = document.querySelectorAll('.my-phone')[0];
phoneHeader.innerHTML = '<span class="phoneAllostat"><a href="tel:+7 (499) 000-00-00" style="text-decoration: none">+7 (499) 000-00-00</a></span>'; </script> phoneHeader- название переменной. Названия для номеров в шапке и подвале сайта должны быть разные, если их классы отличаются..my-phone- текущий класс в разметке номера, размещенного на сайте.[0]- порядковый номер класса, если класс встречается на странице больше одного раза. При этом[0]- первый,[1]- второй и т.д.-
'<span class="phoneAllostat"><a href="tel:+7 (499) 000-00-00" style="text-decoration: none">+7 (499) 000-00-00</a></span>';- класс подмены отсюда:
При необходимости внутри style=""разместите стили для вашего сайта, чтобы они соответствовали дизайну. - Если у вас несколько телефонов: в шапке, в середине, в футере - необходимо создать скрипт подмены для каждого из них.
После завершения создания всех тегов перейдите в общий список, убедитесь что все созданные теги имеют нужные триггеры и отправьте данные.
