JS-трекер

Обзор

JS-трекер GoodCustomers – это небольшой фрагмент JavaScript-кода, устанавливаемый на сайт пользователя по аналогии с трекером Google Analytics или Яндекс.Метрика. Трекер фиксирует посещение сайта клиентом и привязывает это посещение к профилю данного клиента в GoodCustomers.

На основе данных от трекера GoodCustomers строит карту интересов клиента относительно продуктов и продуктовых категорий, а также позволяет реализовать функционал возврата брошенных корзин и другие веб-триггера.

Возможности

Трекер фиксирует веб-события:

  • Посещение сайта (старт новой сессии);

  • Просмотр продукта;

  • Просмотр продуктовой категории;

  • Просмотр раздела (фиксируется строковое имя раздела; например, акция_xxx, заявка_партнерство);

  • Авторизация / регистрация клиента;

  • Брошенная корзина.

Деанонимизация

GoodCustomers хранит историю анонимных посещений за 60 дней. Это значит, что если неидентифицированный посетитель производил на сайте действия (например, интересовался определёнными продуктами), а затем в течение 60 дней авторизовался на сайте или зарегистрировался, то действия этого посетителя будут "подшиты" в профиль соответствующего клиента в GoodCustomers.

Если клиент никогда не авторизовывался на сайте и не совершал заказы на сайте, то он всё равно может быть автоматически идентифицирован, если он хотя бы раз перейдёт на сайт по ссылке из рассылок GoodCustomers.

Рекомендуется проводить рассылки хотя бы 2-3 раза в месяц, "размечая" таким образом клиентов, чтобы эффективно собирать данные об их поведении на вашем сайте.

Установка трекера

Код отслеживания

Установите на все страницы вашего сайта загрузку кода отслеживания:

<script type='text/javascript'>
var _gcTracker = _gcTracker || [];
_gcTracker.push(['init', 'SHOP_ID']);
(function() {
var s = document.createElement('script');
s.type = 'text/javascript'; s.async = true; s.src = '//stat.goodcustomers.ru/tracker/v1.0/tracker.min.js';
document.getElementsByTagName('head')[0].appendChild(s);
})();
</script>

где (int) SHOP_ID – это ваш числовой идентификатор в GoodCustomers. Чтобы получить его, напишите запрос службу поддержки GoodCustomers.

Пример:

<script type='text/javascript'>
var _gcTracker = _gcTracker || [];
_gcTracker.push(['init', '123456789']);
(function() {
var s = document.createElement('script');
s.type = 'text/javascript'; s.async = true; s.src = '//stat.goodcustomers.ru/tracker/v1.0/tracker.min.js';
document.getElementsByTagName('head')[0].appendChild(s);
})();
</script>

Желательно разместить код трекера как можно ближе к началу страницы после кода основных счётчиков Google Analytics / Яндекс.Метрика.

Загрузка кода отслеживания должна производиться ДО вызовов, описанных в изложенных ниже пунктах.

Авторизация и регистрация

Добавьте вызов кода отслеживания на события авторизации и регистрации

_gcTracker.push(['user_login', { user_id: 'USER_ID' }]);

где (int) USER_ID – уникальный идентификатор клиента в ваших информационных системах.

Пример:

<script type='text/javascript'>
_gcTracker.push(['user_login', { user_id: '65535' }]);
</script>

В качестве USER_ID используйте тот код, который через интеграцию передаётся в качестве основного ключа в GoodCustomers.

Просмотр раздела

Добавьте вызов кода отслеживания на событие просмотра раздела:

_gcTracker.push(['view_page', { name: 'PAGE_NAME' }]);

где (string) PAGE_NAME – идентификатор страницы, который в дальнейшем может быть использован вами при настройке триггера "Клиент посетил раздел".

Пример:

<script type='text/javascript'>
_gcTracker.push(['view_page', { name: 'view_partnership_conditions' }]);
</script>

Просмотр продуктовой категории

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

_gcTracker.push(['view_category', { category_id: 'CATEGORY_ID' }]);

где (int) CATEGORY_ID – идентификатор категории продукта в ваших ИС.

Пример:

<script type='text/javascript'>
_gcTracker.push(['view_category', { category_id: '214' }]);
</script>

Данный код обычно располагают на странице списка продуктов в продуктовой категории.

В качестве CATEGORY_ID используйте тот код категории, который через интеграцию передаётся в GoodCustomers.

Просмотра продукта

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

_gcTracker.push(['view_product', { category_id: 'CATEGORY_ID' , product_id: 'PRODUCT_ID' }]);

где:

  • (int) CATEGORY_ID – идентификатор категории продукта в ваших ИС.

  • (int) PRODUCT_ID – идентификатор продукта в ваших ИС.

Пример:

<script type='text/javascript'>
_gcTracker.push(['view_product', { category_id: '218' , product_id: '1735' }]);
</script>

Данный код обычно располагают на странице карточки продукта.

В качестве CATEGORY_ID и PRODUCT_ID используйте те коды категории и продукта, которые через интеграцию передаются в GoodCustomers.

Добавление товара в корзину

Добавьте вызов кода отслеживания на событие добавление товара в корзину:

_gcTracker.push(['add_to_card', { category_id: 'CATEGORY_ID' , product_id: 'PRODUCT_ID' }]);

Где:

  • (int) CATEGORY_ID – идентификатор категории продукта в ваших ИС.

  • (int) PRODUCT_ID – идентификатор продукта в ваших ИС.

Пример:

<script type='text/javascript'>
_gcTracker.push(['add_to_card', { category_id: '218' , product_id: '1735' }]);
</script>

Удаление товара из корзины

Добавьте вызов кода отслеживания на событие удаления товара из корзины:

_gcTracker.push(['remove_from_card', { product_id: 'PRODUCT_ID' }]);

где (int) PRODUCT_ID – идентификатор продукта в ваших ИС.

Пример:

script type='text/javascript'>
_gcTracker.push(['remove_from_card', { product_id: '1735' }]);
</script>

Очистка корзины

Добавьте вызов кода отслеживания на событие очистки корзины:

_gcTracker.push(['clear_card', {}]);

У метода нет параметров.

Пример:

<script type='text/javascript'>
_gcTracker.push(['clear_card', {}]);
</script>

Завершение оформления заказа

Добавьте вызов кода отслеживания на событие завершения оформления заказа:

_gcTracker.push(['order_complete', { order_id: 'ORDER_ID' }]);

где (int) ORDER_ID – идентификатор заказа в ваших ИС.

Пример:

<script type='text/javascript'>
_gcTracker.push(['order_complete', { order_id: '20713' }]);
</script>

Данный код обычно располагают на странице "Спасибо, ваш заказ успешно оформлен".

В качестве ORDER_ID используйте тот идентификатор заказа, который через интеграцию передаётся в GoodCustomers.

Регистрация произвольного события

Треккер может регистрировать произвольные пользовательские события, например, подписка на новости, запись на мероприятие, подписка на появление товара в наличии. Для регистрации события добавьте вызов кода регистрации события:

_gcTracker.push(['event', { name: 'EVENT_NAME', context: 'JSON' }]);

где (string) EVENT_NAME – наименование события, которое в дальнейшем может быть использовано вами при настройке триггера "Событие сайта".

Пример:

<script type='text/javascript'>
_gcTracker.push(['event', { name: 'news_signup', context: '[news_group: 1]' }]);
</script>