WebAsyst

Данная инструкция предназначена для CMS Webasyst (2.5.1.669) / Тема “Дефолт 3.0”).
Процесс установки трекинг-кодов для более поздних версий и иных модификаций Webasyst может отличаться.

Подготовка к установке

Зайдите в панель управления Вашей CMS и выберите раздел “Магазин->Витрина->Шаблоны”:

Трекинг-коды устанавливаются в файлы данного раздела.

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

Данный трекинг-код необходимо установить так, чтобы он срабатывал на всех страницах сайта.

Для этого необходимо отредактировать файл head.html.
В конец файла, перед закрывающим тегом {/strip} вставьте следующий код:

<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.

Пример:

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

Данный трекинг-код необходимо установить на страницах всех товаров.

Для этого необходимо отредактировать файл product.html.
В начале файла вставьте следующий код, после открывающего тега { strip }:

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

Пример:

📘

Примечание

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

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

Данный трекинг-код необходимо установить на всех страницах товарных категорий.

Для этого необходимо отредактировать файл category.html.
Вначале файла вставьте следующий код:

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

Пример:

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

Данный трекинг-код необходимо устанавливать на все кнопки сайта, которые добавляют товар в корзину.
Для этого необходимо отредактировать файл product.cart.html.
В шаблоне найдите элемент

onmousedown="try { rrApi.addToBasket({$product.id}) } catch(e) {}"

{$order_id = str_replace("#","",$order.id)} 
<script type="text/javascript"> 
    (window["rrApiOnReady"] = window["rrApiOnReady"] || []).push(function() {     
        try {         
            rrApi.order({             
                transaction: {$order_id},             
                items: [                 
                    {foreach $order.items as  $item => $value}                     
                        { id: {$value.product_id}, qnt: {$value.quantity},  price: {$value.price}}                     
                        {if ($value != end($order.items))}                     
                        ,                     
                        {/if}                
                    {/foreach}              
                ]         
            });     
        } catch(e) {} 
    }) 
</script>

<script>     
    $(function() {       
    var e = $('input[name="auth[data][email]"]');       
        if (e.length) {         
            e.on('blur', function() {           
                var email = e.val();           
                (window["rrApiOnReady"] = window["rrApiOnReady"] || []).push(function() {             
                    rrApi.setEmail(email);           
                });         
            });       
        }     
    })   
</script>

onblur="rrApi.setEmail(this.value)"