Storeland

Данная инструкция предназначена для CMS Storeland со стандартной темой магазина. Процесс установки трекинг-кодов для нестандартных шаблонов может отличаться.

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

Данный трекинг-код необходимо установить так, чтобы он срабатывал на всех страницах сайта.
Для этого Вам необходимо отредактировать файл, который располагается в папке: Сайт/Редактор шаблонов/HTML В указанном файле, перед закрывающимся тегом </head>, вставьте следующий код:

<script type="text/javascript">
       var rrPartnerId = "<partnerId>";       
       var rrApi = {}; 
       var rrApiOnReady = rrApiOnReady || [];
       rrApi.addToBasket = rrApi.order = rrApi.categoryView = rrApi.view = 
           rrApi.recomMouseDown = rrApi.recomAddToCart = function() {};
       (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>

Где <partnerId> – ваш идентификатор партнёра в системе Retail Rocket.

Должно получиться:

Трекинг-код просмотра карточки товара

Данный трекинг-код необходимо установить на страницах всех товаров. Для этого Вам необходимо перейти в раздел Сайт/Редактор шаблонов/Товар

В указанном файле найдите строки:

<!-- Основная информация о товаре -->
      <div class="product-shop col-lg-5 col-md-4 col-xs-12">
        <!-- Краткое описание -->
        {% IF GOODS_DESCRIPTION_SHORT %}
        <div class="short-description f-fix">
          <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
          {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
          <a href="#tab_1" class="short-description-link pseudo-link scroll-link" data-href="{GOODS_URL}">Перейти к описанию</a>
          {% ENDIF %}
        </div>
        {% ENDIF %}

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

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

Должно получиться:

Примечание: если на сайте реализованы всплывающие окна для быстрого просмотра товара, то трекер rrApi.view() необходимо дополнительно установить в шаблон для этого окна (принцип установки аналогичен).

Трекинг-код просмотра товарной категории

Данный трекинг-код необходимо установить на страницах всех товаров. Для этого Вам необходимо перейти в раздел Сайт/Редактор шаблонов/Товары

В указанном файле найдите строки:

{% IF goods_filters_empty %}
        <p class="attention">Нет товаров в выбранной категории</p>
      {% ELSE %}
        <p class="attention">Нет товаров для выбранных условий</p>
      {% ENDIF %}
    {% ENDIF %}

и вставьте после {% IFNOT goods_empty %} них следующий код:

{% IFNOT catalog_full_empty %}
        {% FOR catalog_full %}
                {% IF catalog_full.NAME = CATEGORY_NAME %}
<script type="text/javascript">
(window["rrApiOnReady"] = window["rrApiOnReady"] || []).push(function() {
        try { rrApi.categoryView({catalog_full.ID}); } catch(e) {}
    })
</script>
  {% ENDIF %}
        {% ENDFOR %}
{% ENDIF %}

Должно получиться:

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

Данный трекер необходимо устанавливать на все кнопки Вашего сайта, которые добавляют товар в корзину.
Чтобы установить трекер добавления товара в корзину на странице товара, перейдите в раздел Сайт/Редактор шаблонов/Товар В указанном файле найдите элементы <button> с классом:

class="add-cart button"

В этот элемент добавьте атрибут:

onmousedown="try { rrApi.addToBasket({GOODS_MOD_ID}) } catch(e) {}"

Должно получиться:

Чтобы установить трекинг-код добавления товаров в корзину на страницы товарных категорий необходимо перейти в раздел Сайт/Редактор шаблонов/Товары
В указанном файле найдите элемент <a> с классом

class="quickviewmod button”

В этот элемент добавьте атрибут:

onmousedown="try { rrApi.addToBasket({goods.MIN_PRICE_NOW_ID}) } catch(e) {}"

Должно получиться:

Примечание: если на сайте реализованы всплывающие окна для быстрого просмотра товаров, в которых есть кнопка для добавления в корзину, то трекер rrApi.addToBasket() необходимо дополнительно установить на кнопку в шаблоне для этого окна (принцип установки аналогичен).

Трекинг-код совершения транзакции

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

Для установки трекера вам необходимо сперва отредактировать файл, которые находится в разделе Сайт/Редактор шаблонов/Просмотр заказа

В указанном файле найдите строки:

    </tbody>
    <!-- Методы методы оплаты онлайн -->
    <!-- Если заказ не оплачен и выбранный метод оплаты позволяет оплатить его онлайн, покажем форму с оплатой заказа через сайт -->
    {% IF ORDER_PAYMENT_STEP_ENABLE %}
      <!-- Здесь появляются дополнительные данные, необходимые для заполнения клиентом -->
      {PAYMENT_FORM_TBODY}
    {% ENDIF %}
    <!-- END методы методы оплаты онлайн -->
  </table>

И вставьте после них код:

<script type="text/javascript">
    (window["rrApiOnReady"] = window["rrApiOnReady"] || []).push(function() {
        try {
            rrApi.order({
                transaction: '{ORDER_NUM}',
                items: [
{%FOR order_lines%}{% IF order_lines.TYPE_ID=1 %}
                    { id: {order_lines.MOD_ID}, qnt: {order_lines.QUANTITY | number_format("0",",","")}, price: {order_lines.LINE_SUM} },
{%ENDIF%}{%ENDFOR%}
                ]
            });
        } catch(e) {}
    });
</script>

Должно получиться:


Примечание: если на сайте реализована форма “быстрого” заказа или заказа “в 1 клик”, то трекер rrApi.order() необходимо дополнительно вызывать при совершении заказов через данную форму.

Трекинг-код сбора email

Для установки трекера сбора email на странице оформления заказа в разделе Сайт/Редактор шаблонов/Быстрый заказ

найдите элемент <input> с атрибутом id="contactEmail" и добавьте к элементу следующий атрибут onblur:

onblur="var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;if(regex.test(this.value)) { try {rrApi.setEmail(this.value);}catch(e){}}"

Должно получиться:

Для установки трекинг-кода сбора Email на форму регистрации необходимо перейти в раздел Сайт/Редактор шаблонов/ЛК Регистрация нового клиента

Найдите элемент <button> с атрибутом type="submit" и добавьте к элементу следующий атрибут onclick:

onclick="rrApi.setEmail(document.getElementById('sites_client_mail').value);"

Должно получиться:


Следует заметить, что трекер сбора email можно “привязывать” к любым формам сайта, в которых пользователь может оставить свою электронную почту. Для этого к html элементу формы (например, к элементу <input>) необходимо добавить атрибут:

onblur="var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;if(regex.test(this.value)) { try {rrApi.setEmail(this.value);}catch(e){}}"

📘

Важно

Передавайте e-mail только тех пользователей, кто явно разрешил отправлять им письма.