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

• Инструкции
• Общее
• Подключение
• Google Tag Manager
• Вопросы и ошибки
• Настройка Zoiper
• Медленная подмена
• Оптимизация Яндекс Директ
• Интеграции
• Яндекс Метрика
• Google Analytics
• Albato
• ApiX-Drive
• Bitrix24 CRM
• AmoCRM
• Webhooks / API
• Телефония и АТС
• Мобильные номера
• Zadarma
• Asterisk
• OnlinePBX
• Sipuni
• MCN Telecom
• Мегафон
• МГТС
• ДОМ.РУ
• Гравител
• Энфорта
• ТТК Транстелеком
• Конструкторы и CMS
• Тильда
• Битрикс24
• 1С Bitrix
• Joomla
• Другие
• Регионы
• Видео

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

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

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

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

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

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

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

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>'; - класс подмены отсюда: При необходимости внутри style="" разместите стили для вашего сайта, чтобы они соответствовали дизайну.
6. Если у вас несколько телефонов: в шапке, в середине, в футере - необходимо создать скрипт подмены для каждого из них.

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