Установка скрипта подмены номеров V4

После того как вы зарегистрировались в нашей системе и настроили свой проект у вас должен возникнуть логичный вопрос: “А как же все это связать с моим сайтом?

Для подключения коллтрекинга на сайт остаётся только добавить наш скрипт.

Принцип его работы простой, он ищет на сайте определенный HTML элемент и заменяет его содержимое (в нашем случае номер телефона) на телефон, задействованный в отслеживании.

Варианты установки скрипта на сайте

  • внедрить скрипт в исходный код каждой страницы сайта;
  • внедрить скрипт с помощью Google Tag Manager (далее GTM или Диспетчер тегов Google).
    Данный вариант рекомендуем использовать только если GTM уже установлен и используется.

Важно! Перед установкой скрипта обязательно создайте ваш проект в личном кабинете Ringostat так как только после этого будет создан индивидуальный скрипт для вашего сайта




Установка скрипта в исходный код

Для установки нашего скрипта подмены, следует внести 2 правки в исходный код сайта:

1. Подключаем Ringostat как плагин Google Analytics

Для этого необходимо найти в исходном коде сайта скрипт Google Analytics и добавить строку:

ga('require', 'ringostat');

Строку нужно добавить после параметра:

ga('create', 'UA-11111111-1', 'auto');
но, до параметра:
ga('send', 'pageview');

В конечном виде скрипт GA будет выглядеть так:


2. Подключить наш скрипт подмены в исходный код после скрипта Google Analytics

Скрипт для вашего проекта можно найти в личном кабинете Ringostat в меню “Script V4” — “Скрипт подмены”:



После выполнения этих 2 действий, скрипты в исходном коде сайта должны быть как на примере:

На этом установка скрипта Ringostat в исходный код сайта завершена.


Установка скрипта в Google Tag Manager

Этот метод интеграции подойдет тем, кто использует Google Tag Manager для отправки данных в Google Analytics.

Чтобы установить скрипт подмены номеров вам потребуется:

  • Создать новый Пользовательский HTML тег с подключенным скриптом Ringostat;
  • Задать новому тегу правило срабатывания;
  • Изменить настройки тега Google Analytics установив имя трекера.



Создание пользовательского HTML тега


Для создания тега нужно выбрать необходимый контейнер в вашем кабинете Google Tag Manager, перейти в раздел "Теги" и нажать кнопку "Создать":

После создания тега, нужно задать его имя – Ringostat

Далее нажмите кнопку "Конфигурация тега"

В появившемся окне, нужно выбрать тип тега – "Пользовательский HTML"

В появившуюся форму нужно вставить нижеуказанный скрипт

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-111111-1', 'auto');
  ga('require', 'ringostat');
</script>

В данном скрипте нужно внести правки:

  1. Изменить код Google Analytics UA-111111-1 на ваш;
    Обязательно установить тот, который вы указали при создании проекта в Ringostat.
  2. Вставить ниже этого кода скрипт подмены номеров
  3. Установить запуск тега Ringostat раньше тега Google Analytics.
    Перейдите к “Расширенным настройкам” тега и укажите приоритет срабатывания тега Ringostat “100”
    (должен быть выше чем приоритет любого из Google Analytics тегов чтобы тег со скриптом Ringostat был запущен до события Pageview)

  4. Установить триггер активации "All Pages" или "Все страницы".

Далее, нужно сохранить настройки.
После правильной настройки, тег будет выглядеть по примеру ниже:



Редактирование тега Universal Analytics


Наш сервис поддерживает новый код отслеживания Universal Analytics. Если у вас в GTM он уже был создан ранее, то нужно редактировать именно его. Если же нет, то тогда создать.

Для изменения существующего тега, нажмите на его название. После этого появится возможность редактировать.

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

Потом переходим в “Дополнительные настройки” — “Расширенная конфигурация” и задаем имя трекера t0 и сохраняем изменения.
Данное имя трекера у Google Analytics стандартное и мы его задаём чтобы Google tag manager не присваивал своё значение автоматически.
Без этой настройки подмена номеров работать не будет



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

Вносим комментарий о внесенных изменениях в GTM и нажимаем кнопку “Опубликовать”.

На этом установка на сайт скрипта Ringostat через GTM завершена.



Если у вас возникают сложности на любом из этапов установки скрипта , обязательно обращайтесь за помощью к нашим специалистам в чат или на почту support@ringostat.com

Была ли статья полезной?