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 только тех пользователей, кто явно разрешил отправлять им письма.
Updated 4 days ago