Установка коллтрекинга через Google Tag Manager

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

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

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

  1. Скопируйте скрипт коллтрекинга в личном кабинете AlloStat. image
  2. В Google Tag Manager добавьте тег в Диспетчере Тегов. image
  3. Укажите название тега, и выберите тип "Пользовательский HTML". image
  4. Вставьте в Google Tag Manager, ранее скопированный из личного кабинета коллтрекинга, скрипт подмены номеров и нажмите "Сохранить". image
  5. Google Tag Manager предложит добавить триггер активации. image
  6. Выберите в качестве триггера активации тега - "Все страницы". image
  7. Убедитесь, что в конфигурации тега правильно заполнены поля: тип тега - "Пользовательский HTML", в поле HTML установлен ваш скрипт из личного кабинета AlloStat, триггер активации - All Pages (Просмотр страницы). Обратите внимание, для корректной работы системы необходимо, чтобы скрипт был установлен на всех страницах вашего сайта. Иначе, если посетитель зайдет на страницу без скрипта, то источник перехода будет не определен или определен неправильно. 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-2021 Динамический коллтрекинг AlloStat