Настройка коллтрекинга

Подготовка HTML на сайте

Код коллтрекинга подменяет номера телефонов на странице сайта. Для того чтобы подмена работала, необходимо добавить css класс ct_phone для тех элементов где находятся телефоны.

Пример 1:
если ваш телефон в html выглядит так:

<div class="header_phone">+7 495 123-12-12</div>

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

<div class="header_phone ct_phone">+7 495 123-12-12</div>

Пример 2:
Если у элемента, содержащего телефон нет CSS класса, например

<td>+7 495 123-12-12</td>

то необходимо добавить CSS класс, в результате получится:

<td class="ct_phone">+7 495 123-12-12</td>

После внесения изменений, зайдите на сайт, убедитесь что номера телефонов отображаются корректно.

 

Установка кода коллтрекинга через Google Tag Manager

Если вы используете Google Tag Manager на сайте, то коллтрекинг должен обязательно подключаться в Google Tag Manager по этой инструкции.

1. Создайте тэг, получающий Google Client ID и назовите его “Init Client ID”

Добавьте в него код


<script>
ga(function(){
var tracker = ga.getAll()[0];
dataLayer.push({
'event' : 'clientIdReady',
'client_id' : tracker.get('clientId')
});
});
</script>

4.png

Включите запуск тэга “Init Client ID” после тэга Google Analytics. У вас тэг Google Analytics может называться по другому.

5.png

2. Создайте переменную “GoogleClientID” на основе переменной “client_id” из dataLayer

6.png

3. Создайте триггер “ClientID Ready” на основе события clientIdReady

7.png

4. Создайте тэг “Sipuni Calltracking” с кодом коллтрекинга
Код коллтрекинга возьмите из личного кабинета Sipuni.

Найдите в нем строку window.ct_cid и добавьте перед ней следующую строку:

window.client_id = '{{GoogleClientID}}';

8.png

Сделайте, чтобы тэг срабатывал по триггеру “ClientID Ready”

9.png

Настройка готова. Сделайте Preview и убедитесь что тэг Sipuni Calltracking сработал. После этого можно опубликовать изменения.

 

Установка кода коллтрекинга на сайте (без Google Tag Manager)


Получите код коллтрекинга в личном кабинете Sipuni

 

10.png

Установите код коллтрекинга в начале страницы где-нибудь после тэга body.

Пример кода коллтрекинга, полученного в личном кабинете

<script type='text/javascript'>
(function(){
window.ct_cid = '372';
window.ct_url = '//track.sipuni.com/echo';
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true;
s.src = '//track.sipuni.com/static/calltracking/js/client.js'; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}
)();
</script>

 

Настройка цели в Google Analyitcs

Звонки из коллтрекинга передаются в Google Analyitcs как события. Для того, чтобы можно было анализировать звонки в разных отчетах, создайте цель на основе события.

Создайте цель и назовите ее, например, “Звонок Sipuni”

11.png

Введите категорию: Incoming Call и действие: Call и нажмите "Сохранить".

12.png

Настройка целей для статусов сделок в Amo CRM


Добавьте цель с названием Реализовано успешно

13.png

Категория события: Amo CRM, действие: Успешно реализовано (здесь должно быть название этапа из вашей amoCRM)

14.png

 

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос

0 Комментарии

Войдите в службу, чтобы оставить комментарий.