Чтобы начать сбор данных о визитах пользователей на сайт, необходимо установить скрипт отслеживания на Ваш сайт. Он подключается как плагин, к скрипту отслеживания Google Analytics и позволяет получить и связать свыше 30 параметров визита посетителя, который совершил звонок на подменный номер или через виджет обратного звонка Callback.
Выбор варианта установки скрипта зависит от того как у вас установлен скрипт отслеживания Analytics.
- установка в исходный код сайта со скриптом Global Site Tag (gtag.js);
- установка в исходный код сайта вместе со скриптом Google Universal Analytics;
- установка в Диспетчер тегов Google.
Как узнать, какая версия кода Analytics установлена
Это инструмент, который позволяет быстро выполнять проверку или диагностику сайта, анализировать внедрение кода Analytics и устранять неполадки. Подробнее...
- Перейдите на ваш сайт;
- Откройте панель "инструменты разработчика" сочетанием клавиш Ctrl + U;
- Для показа строки поиска нажмите Ctrl + F;
- Далее, нужно выполнить поиск скрипта согласно описания ниже.
Вариант 1 – в строке поиска введите gtag
Если версия скрипта Global site tag (gtag.js), результатом поиска будет примерно следующий скрипт:
<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, результатом поиска будет примерно следующий скрипт:
(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, результатом поиска будет примерно следующий скрипт:
(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} для нужного счётчика.
После внесения изменений стандартный скрипт будет выглядеть вот так:
<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
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>
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.
(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('require', 'ringostat');
ga('send', 'pageview');
После внесения правок, скрипт будет иметь следующий вид:
(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.
Выполнения указанных действий, адаптированный скрипт будет иметь следующий вид:
(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 в меню "Скрипт подмены" — "Настройки скрипта":
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 – скрипт установлен и настроен, но отключена подмена номеров
