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

Чтобы начать сбор данных о визитах пользователей на сайт, необходимо установить скрипт отслеживания на Ваш сайт. Он подключается как плагин, к скрипту отслеживания Google Analytics и позволяет получить и связать свыше 30 параметров визита посетителя, который совершил звонок на подменный номер или через виджет обратного звонка Callback.
Выбор варианта установки скрипта зависит от того как у вас установлен скрипт отслеживания Analytics.

Перед установкой скрипта отслеживания – необходимо зарегистрировать проект в системе Ringostat.

Как узнать, какая версия кода Analytics установлена?
Pекомендуем ознакомиться и использовать в работе расширение для браузера Chrome.
Это инструмент, который позволяет быстро выполнять проверку или диагностику сайта, анализировать внедрение кода Analytics и устранять неполадки. Подробнее...

  • Перейдите на ваш сайт;
  • Откройте панель "инструменты разработчика" сочетанием клавиш Ctrl + U;
  • Для показа строки поиска нажмите Ctrl + F;
  • Далее, нужно выполнить поиск скрипта согласно описания ниже.

Вариант 1 – в строке поиска введите gtag

Если версия скрипта Global site tag (gtag.js), результатом поиска будет примерно следующий скрипт:

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-XXXXX-Y');
</script>

Для подключения скрипта отслеживания и подмены номеров, к коду GTAG - воспользуйтесь инструкцией.
Если по запросу, скрипт с нужным счётчиком не будет найден, попробуйте найти код Google Universal Analytics.

Вариант 2 – в строке поиска введите analytics.js

Если версия скрипта Universal Analytics, результатом поиска будет примерно следующий скрипт:

<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-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>

Для подключения скрипта отслеживания и подмены номеров, к коду Universal Analytics - воспользуйтесь инструкцией.
Если по запросу, скрипт с нужным счётчиком не будет найден, попробуйте найти код Диспетчера Тегов Google.

Вариант 3 – в строке поиска введите gtm

Если на сайте установлен контейнер Диспетчера тегов Google, результатом поиска будет примерно следующий скрипт:

<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;
j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})
(window,document,'script','dataLayer','GTM-XXXXXX');
</script>

Для подключения скрипта отслеживания и подмены номеров, к коду Universal Analytics - воспользуйтесь инструкцией.


В случае, если у вас не получилось разобраться с версией или вариантом установки кода отслеживания – будем рады помочь разобраться в чате или на email support@ringostat.com

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

  • Global site Tag (gtag.js) Analytics
  • Universal Analytics
  • Google Tag Manager

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

После регистрации проекта, необходимо адаптировать стандартный скрипт GTAG.js и заменить его на сайте.

Адаптация скрипта GTAG.js для подключения на сайт

Перейдите в личный кабинет Ringostat на страницу Настройки -> Настройки проекта:


Скопируйте значение поля Google Analytics resource ID и вставьте в поле ниже:

Перейдите на страницу Скрипт подмены -> Настройки скрипта:


Скопируйте скрипт отслеживания для Вашего проекта и вставьте в поле ниже:



Замена стандартного скрипта GTAG.js на адаптированный

Скопируйте адаптированный скрипт GTAG.js + Ringostat из поля выше и замените в исходном коде сайта стандартный GTAG.js.

Пример скрипта GTAG.js в исходном коде сайта до замены:

Пример замены скрипта в исходном коде сайта

Пример скрипта GTAG.js в исходном коде сайта после замены:

Пример замены скрипта в исходном коде сайта


На этом установка скрипта отслеживания Ringostat успешно выполнена

Установка скрипта в исходный код c Google Universal Analytics

После регистрации проекта, необходимо адаптировать стандартный скрипт analytics.js и заменить его на сайте.

Адаптация скрипта GTAG.js для подключения на сайт

Перейдите в личный кабинет Ringostat на страницу Настройки -> Настройки проекта:


Скопируйте значение поля Google Analytics resource ID и вставьте в поле ниже:

Перейдите на страницу Скрипт подмены -> Настройки скрипта:


Скопируйте скрипт отслеживания для Вашего проекта и вставьте в поле ниже:



Замена стандартного скрипта analytics.js на адаптированный

Скопируйте адаптированный скрипт analytics.js + Ringostat из поля выше и замените в исходном коде сайта стандартный analytics.js.

Пример скрипта analytics.js в исходном коде сайта до замены:

Пример замены скрипта в исходном коде сайта

Пример скрипта analytics.js в исходном коде сайта после замены:

Пример замены скрипта в исходном коде сайта


На этом установка скрипта отслеживания Ringostat успешно выполнена

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

Создание переменной JavaScript

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

Создать переменную javascript в gtm

Далее, необходимо указать понятное имя переменной(например, Ringostat CallTracking) и нажать на поле Конфигурация переменной:

Конфигурация переменной ringostat calltracking

В появившемся окне, нужно выбрать тип переменной Собственный код JavaScript:

выбор типа переменной

Перейдите в личный кабинет Ringostat, на страницу Скрипт подмены -> Настройки скрипта:


Скопируйте скрипт отслеживания для Вашего проекта и вставьте в поле ниже:


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

сохранение скрипта в настройках переменной


Добавление переменной в тег Universal Analytics

После успешного создания переменной, её нужно добавить в тег с необходимым счётчиком Google Analytics.
Перейдите на страницу Теги и выберите тег содержащий счётчик Google Analytics, с триггером активации All Pages или Модель DOM готова:

триггер активации All pages

триггер активации DOM ready

В окне конфигурации тега, необходимо проверить наличие отметки :

наличие отметки переопределения тега

Отметка "Включить переопределение настроек в этом теге" установлена?

  • Да, установлена
  • Не установлена

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

установленная отметка и добавление поля

Укажите название поля строго customTask и в значении через спец символы переменной {{ ... }} её название (в текущем примере {{Ringostat CallTracking}} ) и нажмите кнопку Сохранить:

добавление и название поля

Переменная customTask может быть добавлена только 1 раз в 1м теге.
Если у вас уже есть переменная customTask – обратитесь в наш отдел поддержки для консультации.

Далее, нажмите Отправить:

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

В окне публикации контейнера добавьте понятное название версии контейнера, его описание и нажмите кнопку Опубликовать

публикация контейнера


На этом установка скрипта отслеживания Ringostat успешно выполнена

Если переопределение настроек тега не включено, нужно создать новое поле в настройках Google Analytics:

настройки Google analytics

Выберите Дополнительные настройки -> Поля, которые необходимо создать и нажмите кнопку + Поле:

создание поля

Укажите название поля строго customTask и в значении через спец символы переменной {{ ... }} её название (в текущем примере {{Ringostat CallTracking}} ) и нажмите кнопку Сохранить:

добавление кастомтаск

Переменная customTask может быть добавлена только 1 раз в 1м теге.
Если у вас уже есть переменная customTask в настройках Google Analytics или конфигурации тега – обратитесь в наш отдел поддержки для консультации.

Далее, нажмите Отправить:

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

В окне публикации контейнера добавьте понятное название версии контейнера, его описание и нажмите кнопку Опубликовать

публикация контейнера


На этом установка скрипта отслеживания Ringostat успешно выполнена


Проверка скрипта после установки

После установки скрипта подмены номеров нужно проверить корректность его установки и запуска.

Выполнить такую проверку возможно 2 способами:
- проверить наличие cookie-файлов;
- проверить наличие уведомлений скрипта.

1. Проверка cookie-файлов в Google Chrome

После установки скрипта подмены он создаёт cookie-файлы, наличие которых является одним из самых важных показателей.

Перейдите на Ваш сайт и нажмите сочетание клавиш CTRL + Shift + i. Далее, перейдите во вкладку Application, в меню навигации выберите раздел Storage -> Cookies -> домен вашего сайта:

Если скрипт установлен и не настроен будет создан только 1 cookie-файл с именем rngstsession

Если скрипт установлен и настроен будет создано 4 cookie-файла: rngstsession / rngst_callback / rngst1 / rngst2

Наличие cookie-файлов свидетельствует о том, что скрипт запускается.


2. Проверка уведомлений в консоли Google Chrome

Скрипт подмены номеров добавляет в консоль уведомления о своём состоянии.

Перейдите на Ваш сайт, нажмите сочетание клавиш CTRL + Shift + i и выберите вкладку Console.

В зависимости от этапа настройки проекта может быть 3 типа сообщений:

Ringostat error: Script URL doesn't existскрипт установлен, но не настроен проект.

Ringostat: Inactive projectскрипт установлен и настроен, но проект в неактивном статусе(Новый / Не продлён / Архивный);

Ringostat: Insertion status is OFFскрипт установлен и настроен, но отключена подмена номеров

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