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

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

Выбор варианта установки скрипта зависит от того как у вас установлен скрипт отслеживания Analytics.

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

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

Значение UA-XXXXX-Y следует заменить идентификатором отслеживания, того ресурса Google Analytics, который вы хотите отслеживать.

Вариант 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

Значение UA-XXXXX-Y следует заменить идентификатором отслеживания, того ресурса Google Analytics, который вы хотите отслеживать.

Необходимо переопределить отправку события " Просмотр страницы" {'send_page_view': false} для нужного счётчика.

gtag('config', 'UA-XXXXX-Y', {'send_page_view': false});

После внесения изменений стандартный скрипт будет выглядеть вот так:

<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', {'send_page_view': false});
</script>

В адаптированный скрипт или после него, необходимо добавить сниппет с подключением кода Ringostat

<script>
function initRingostat(){
if (typeof(ga) !== 'undefined') {
ga('gtag_UA_XXXXX_Y.require','ringostat');
gtag('event', 'page_view');
(function (d,s,u,e,p) {
p=d.getElementsByTagName(s)[0],e=d.createElement(s),e.async=1,e.src=u,p.parentNode.insertBefore(e, p);
})(document, 'script', 'CLIENT_SCRIPT_URL');
} else {
setTimeout(initRingostat,200);
}
}

initRingostat();

</script>

В указанном скрипте нужно заменить строку ga('gtag_UA_XXXXX_Y.require','ringostat'); указав ваш идентификатор отслеживания

В строке шаблона идентификатор отслеживания указан вместе с нижним подчёркиванием.
После внесения правок скрипт должен совпадать, т.к. именно в таком виде данные хранятся в Analytics

Нужно заменить скрипт подмены в шаблоне на уникальный скрипт вашего проекта

Скрипт для вашего проекта является уникальным и его можно найти в личном кабинете Ringostat, в меню " Скрипт подмены" – "Настройки скрипта"

Значение CLIENT_SCRIPT_URL следует заменить на ссылку с уникальным токеном из скрипта подмены, для вашего проекта в системе Ringostat.

После корректного внесения изменений адаптированный скрипт GTAG будет выглядеть следующим образом:

<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', {'send_page_view': false});
</script>
<script>
function initRingostat(){
if (typeof(ga) !== 'undefined') {
ga('gtag_UA_XXXXX_Y.require','ringostat');
gtag('event', 'page_view');
(function (d,s,u,e,p) {
p=d.getElementsByTagName(s)[0],e=d.createElement(s),e.async=1,e.src=u,p.parentNode.insertBefore(e, p);
})(document, 'script', 'CLIENT_SCRIPT_URL');
} else {
setTimeout(initRingostat,200);
}
}

initRingostat();

</script>

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

Значение UA-XXXXX-Y следует заменить идентификатором отслеживания, того ресурса Google Analytics, который вы хотите отслеживать.

Установка скрипта в исходный код HTML-страницы самый простой вариант из всех представленных. Для этого необходимо внести несколько правок в стандартный скрипт 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>

Необходимо подключить плагин Ringostat

В очереди команд, после команды создания счётчика – ga('create', 'UA-XXXXX-Y', 'auto');

нужно подключить плагин Ringostat – ga('require', 'ringostat');.

Обратите внимание, плагин должен быть перед ga('send', 'pageview');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('require', 'ringostat');
ga('send', 'pageview');

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

<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('require', 'ringostat');
ga('send', 'pageview');
</script>

Нужно заменить скрипт подмены в шаблоне на уникальный скрипт вашего проекта

Скрипт для вашего проекта является уникальным и его можно найти в личном кабинете Ringostat, в меню " Скрипт подмены" – "Настройки скрипта"

Скрипт содержит ссылку с уникальным токеном доступа к проекту и в примерах значение ссылки с токеном заменено на CLIENT_SCRIPT_URL

Значение CLIENT_SCRIPT_URL следует заменить на ссылку с уникальным токеном из скрипта подмены, для вашего проекта в системе Ringostat.


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

<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('require', 'ringostat');
ga('send', 'pageview');
</script>
<script type="text/javascript">
(function (d,s,u,e,p) {
p=d.getElementsByTagName(s)[0],e=d.createElement(s),e.async=1,e.src=u,p.parentNode.insertBefore(e, p);
})(document, 'script', 'CLIENT_SCRIPT_URL');
</script>

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

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

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

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

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

Далее, выберите " Конфигурация переменной"

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

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

Значение CLIENT_SCRIPT_URL следует заменить на ссылку с уникальным токеном из скрипта подмены, для вашего проекта в системе Ringostat.
Скрипт для вашего проекта является уникальным и его можно найти в личном кабинете Ringostat в меню "Скрипт подмены" — "Настройки скрипта":

function () {
var p = [];
function _h(){p.forEach(function(a){window.ringostatAnalytics.sendPayload(a.type,a.payload)})};
function _i(a,b){"loaded"===a.readyState||"completed"===a.readyState?b():setTimeout(function(){_i(a,b)},100)};
function _c(c,d,a,b){window.ringostatAnalytics||(window.ringostatAnalytics=1,b=c.getElementsByTagName("script")[0],a=c.createElement("script"),a.async=!0,a.src=d,a.onload=_h,_i(a,_h),b.parentNode.insertBefore(a,b))};

return function (t) {
if(!0===t.get("ringostatTracker")) return;
var _o = t.get("sendHitTask");

t.set("ringostatTracker", true);
_c(document, 'CLIENT_SCRIPT_URL');

t.set('sendHitTask', function (m) {
_o(m);

"object"===typeof window.ringostatAnalytics?window.ringostatAnalytics.sendPayload(m.get("hitType"), m.get("hitPayload")):p.push({type:m.get("hitType"),payload:m.get("hitPayload")});
});
}
}

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

Необходимо выбрать тег с нужным счётчиком Universal Analytics, у которого установлен триггер активации " All Pages" или "DOM готов". Если такого тега нет – нужно создать новый.

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

Если отметка " Включить переопределение настроек в этом теге" не установлена – нужно проверить настройки переменной Google Analytics и отредактировать её.

В конфигурации переменной нужно добавить поле с названием customTask. В значении этого поля выбрать переменную Ringostat, которую создавали ранее.
Значение {{Ringostat}} обязательно должно быть в фигурных скобках, так как это переменная (GTM обычно их помогает указать при выборе переменной).

Если переменная настроек не используется (отметка " Включить переопределение настроек в этом теге" установлена) — нужно создать поле с названием customTask и переменной Ringostat прямо в настройках тега.


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

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

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



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

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

Выполнить такую проверку возможно 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скрипт установлен и настроен, но отключена подмена номеров

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