Установка коллтрекинга через GTM

В случае когда ограничен доступ к html-разметке сайта, можно разместить скрипт коллтрекинга и класс для подмены номера через Google Tag Manager. Установка состоит из двух частей - размещение скрипта подмены и добавление класса подмены class="phoneAllostat" в том месте, где на вашем сайте находится телефон.

Установите код Google Tag Manager на вашем сайте. Верхнюю часть контейнера необязательно устанавливать в head, можно и в body. image

Размещение скрипта

  1. Скопируйте скрипт в личном кабинете AlloStat. image
  2. Добавьте тег в Диспетчере Тегов. image
  3. Укажите название тега, и выберите тип "Пользовательский HTML". image
  4. Вставьте ранее скопированный из личного кабинета коллтрекинга скрипт и нажмите "Сохранить". image
  5. Google Tag Manager предложить добавить триггер активации. image
  6. Выберите "Все страницы". image
  7. Убедитесь, что все поля заполнены и сохраните. image

Добавление класса подмены

Создайте новый тег и повторите предыдущие шаги. Вместо скрипта коллтрекинга используйте следующий скрипт для подмены номера:

  1. <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>
  2. phoneHeader - название переменной. Названия для номеров в шапке и подвале сайта должны быть разные, если их классы отличаются.
  3. .my-phone - текущий класс в разметке номера, размещенного на сайте.
  4. [0] - порядковый номер класса, если класс встречается на странице больше одного раза. При этом [0] - первый, [1] - второй и т.д.
  5. '<span class="phoneAllostat"><a href="tel:+7 (499) 000-00-00" style="text-decoration: none">+7 (499) 000-00-00</a></span>'; - класс подмены отсюда: image При необходимости внутри style="" разместите стили для вашего сайта, чтобы они соответствовали дизайну.
  6. Если у вас несколько телефонов: в шапке, в середине, в футере - необходимо создать скрипт подмены для каждого из них.

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

Консультации по телефону
8 (499) 380-66-34

Пн-Пт с 10:00 до 19:00

Поддержка по email

Пн-Вс с 07:00 до 24:00
для зарегистрированных пользователей

© 2017-2020 Динамический коллтрекинг AlloStat