logo

НАСТРОЙКА ТРЕКИНГ КОДА RETAIL ROCKET

Трекинг код Retail Rocket состоит из 6 скриптов, которые необходимо разместить на страницах вашего сайта.

На ваш сайт необходимо установить следующий код:

1. Основной трекинг-код системы

Разместите трекинг код системы на каждой странице вашего сайта в секции <head>:

<script type="text/javascript">
   var rrPartnerId = "5caf5bd197a5252ee8f2af04";
   var rrApi = rrApi || {};
   var rrApiOnReady = rrApiOnReady || [];
   (function(d) {
      var ref = d.getElementsByTagName('script')[0];
      var apiJs, apiJsId = 'rrApi-jssdk';
      if (d.getElementById(apiJsId)) return;
      apiJs = d.createElement('script');
      apiJs.id = apiJsId;
      apiJs.async = true;
      apiJs.src = "//cdn.retailrocket.ru/content/javascript/tracking.js";
      ref.parentNode.insertBefore(apiJs, ref);
   }(document));
</script>
2. Трекер просмотра карточки товара

На всех страницах карточек товаров необходимо установить товарный трекинг код:

<script type="text/javascript">
    (window["rrApiOnReady"] = window["rrApiOnReady"] || [])
        .push(function () {
            try {
                rrApi.view(<product_id>);
            } catch (e) { }
        })
    </script>

Где:

Пример:

<script type="text/javascript">
  (window["rrApiOnReady"] = window["rrApiOnReady"] || [])
   .push(function () {
     try {
       rrApi.view(123);
     } catch (e) { }
  })
</script>

3. Трекер просмотра страницы товарной категории

На всех страницах товарных категорий необходимо установить следующий код:

<script type="text/javascript">
    (window["rrApiOnReady"] = window["rrApiOnReady"] || [])
        .push(function () {
            try {
                rrApi.categoryView(<category_id>);
            } catch (e) { }
        })
</script>

Где:

Пример:

<script type="text/javascript">
  (window["rrApiOnReady"] = window["rrApiOnReady"] || [])
   .push(function () {
    try {
     rrApi.categoryView(123);
    } catch (e) { }
   })
</script>

4. Трекер добавления товаров в корзину

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

onmousedown="try { rrApi.addToBasket(<product_id>) } catch(e) {}"

Где:

Пример:

<div class="buy_button " onmousedown="try { rrApi.addToBasket(123) } catch(e) {}"></div>;

5. Трекер совершения транзакции

На финальной странице оформления заказа (на которой пользователю сообщают о том, что заказ сформирован, благодарят за покупку и так далее) необходимо установить обработчик совершения транзакции:

<script type="text/javascript">
    (window["rrApiOnReady"] = window["rrApiOnReady"] || []).push(function() {
        try {
            rrApi.order({
                transaction: "<transaction_id>",
                items: [
                    { id: <product_id>, qnt: <quantity>,  price: <price> },
                    { id: <product_id>, qnt: <quantity>,  price: <price> }
                ]
            });
        } catch(e) {}
    })
</script>

Где:

Пример:
<script type="text/javascript">
 (window["rrApiOnReady"] = window["rrApiOnReady"] || []).push(function() {
  try {
   rrApi.order({
    transaction: 1235421421,
    items: [
     { id: 12312, qnt: 4, price: 130 },
     { id: 64532, qnt: 1, price: 220 }
    ]
   });
  } catch(e) {}
}) </script>

6. Трекер получения email (необязательный)

Каждый раз, когда вы получаете email пользователя, исполняйте код:

(window["rrApiOnReady"] = window["rrApiOnReady"] || [])
    .push(function() {
        rrApi.setEmail("<user_email>");
    });

Важно: передавайте e-mail только тех пользователей, кто явно выразил согласие на получение сообщений электронной почты, в том числе рекламного характера.

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

onclick="try {rrApi.setEmail($('#EmailFieldID').val());}catch(e){}"

Пример 2: добавьте следующий код на страницу «спасибо за заказ», если пользователь подписался на маркетинговые рассылки интернет-магазина:

<script type="text/javascript">
  (window["rrApiOnReady"] = window["rrApiOnReady"] || [])
    .push(function() {
      rrApi.setEmail("<user_email>");
    });
</script>

Пример 3: передача дополнительных данных о пользователе для дальнейшей персонализации в рассылках:

(window["rrApiOnReady"] = window["rrApiOnReady"] || [])
  .push(function() {
     rrApi.setEmail("example@email.com", { gender: "Male", age: 21, birthday: "15.01.1983" });
  });

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

Подробнее о способах передачи можете прочитать здесь.