Чтобы начать сбор данных о визитах пользователей на сайт, необходимо установить скрипт отслеживания на Ваш сайт. Он подключается как плагин, к скрипту отслеживания
Google Analytics
и позволяет получить и связать свыше 30 параметров визита посетителя, который совершил звонок на подменный номер или через виджет обратного звонка Callback.
Выбор варианта установки скрипта зависит от того как у вас установлен скрипт отслеживания Analytics.
Перед установкой скрипта отслеживания – необходимо зарегистрировать проект в системе Ringostat.
- установка в исходный код сайта со скриптом 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.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, перейти в раздел Переменные и нажать соответствующую кнопку:
Далее, необходимо указать понятное имя переменной(например, Ringostat CallTracking) и нажать на поле Конфигурация переменной:
В появившемся окне, нужно выбрать тип переменной Собственный код JavaScript:
Перейдите в личный кабинет Ringostat, на страницу Скрипт подмены -> Настройки скрипта:
Скопируйте скрипт отслеживания для Вашего проекта и вставьте в поле ниже:
После успешной генерации скрипта, скопируйте полученное значение и добавьте в соответствующую форму в настройках переменной и нажмите Сохранить:
Добавление переменной в тег Universal Analytics
После успешного создания переменной, её нужно добавить в тег с необходимым счётчиком Google Analytics.
Перейдите на страницу Теги и выберите тег содержащий счётчик Google Analytics, с триггером активации All Pages или Модель DOM готова:
В окне конфигурации тега, необходимо проверить наличие отметки :
Отметка "Включить переопределение настроек в этом теге" установлена?
- Да, установлена
- Не установлена
В случае, если установлена отметка переопределения настроек тега, нужно создать новое поле в настройках тега. Выберите Дополнительные настройки -> Поля, которые необходимо создать и нажмите кнопку + Поле:
Укажите название поля строго customTask и в значении через спец символы переменной {{ ... }} её название (в текущем примере {{Ringostat CallTracking}} ) и нажмите кнопку Сохранить:
Переменная customTask может быть добавлена только 1 раз в 1м теге.
Если у вас уже есть переменная customTask – обратитесь в наш отдел поддержки для консультации.
Далее, нажмите Отправить:
В окне публикации контейнера добавьте понятное название версии контейнера, его описание и нажмите кнопку Опубликовать
На этом установка скрипта отслеживания Ringostat успешно выполнена
Если переопределение настроек тега не включено, нужно создать новое поле в настройках 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 – скрипт установлен и настроен, но отключена подмена номеров
