Подключение товарных рекомендаций к магазину на платформе Insales

В статье будет рассмотрена установка основных кодов рекомендаций. Во все коды уже подставлены переменные в синтаксисе Insales. Часть кодов устанавливается в настройки счётчиков, другая часть в шаблон темы.

Перейдите в разде настроек счётичков .../admin2/account/codes_settings

1587898037006.jpg

В поле JavaScript-код для вывода на всех страницах магазина добавьте код (переменную {{code}} возьмите из личного кабинета Mailganer):

<script type="text/javascript">
    var mg_email = "";
    var mgr_api = {};
    (function () {
      	$.getJSON("/client_account/contacts.json", function(data){mg_email = data.client.email;});
        var script = document.createElement('script');
        var b = '';
        if (typeof this.href != "undefined") {
            b = this.href.toString().toLowerCase()
        } else {
            b = document.location.toString().toLowerCase()
        }
        ;
        script.src = "https://mailganer.com/jsapi/r/7450572048c6b6f27b6ae3104302d582?ref=" + document.referrer + "&url=" + b + "&nc=" + Math.random();
        script.async = true;
        script.onload = function () {
            mgr_api = new MGApi();
            mgr_api.auth(mg_email);
        };
        document.getElementsByTagName('head')[0].appendChild(script);
    })();
</script>

В поле JavaScript-код для вывода на iframe-странице после оформления заказа добавьте код:

<script type="text/javascript">
    $(window).load(function () {
        var i = setInterval(function () {
            if (mgr_api != {}) {
                clearInterval(i);
                const order = {
                    order_id: {{ order.id }},
                    order_price: {{ order.total_price }},
                    products: [
                        {% for item in order.items %}
                        {
                            id: {{ item.product.id }},
                            price: {{ item.total_price.with_margin }},
                            amount: {{ item.quantity }}
                        }
                        {% endfor %}
                    ]
                };
                mgr_api.track('purchase', order);
            }
        }, 100);
    });
</script>

Перейдите в редактирование шаблона сайта

1587898960780.jpg

В файл product.luquid вставьте следующий код

<script type="text/javascript">
    const mg_track_product = {
        id: '{{ product.id }}', // id товара, должен совпадать с фидом, обязательный параметр
        name: '{{ product.title }}', // название
        price: {{ product.price }}, // цена
        categories: ['3304487'], // категория товара, должна совпадать с фидом
        image: '{{ product.first_image.compact_url }}', // путь к фотографии товара
        url: '{{ account.url }}{{ product.canonical_url }}' // ссылка на товар
    };
    $(window).load(function () {
        var i = setInterval(function () {
            if (mgr_api != {}) {
                clearInterval(i);
                mgr_api.track("view", mg_track_product);
                $('.buybutton').on('click', function () {
                    mgr_api.track("add_cart", mg_track_product);
                });
            }
        }, 100);
    });
</script>

В данном коде проверьте, чтобы класс .buybutton был назначен кнопке "Купить" или "Добавить в корзину"

1587899460863.jpg

В файл cart.luquid вставьте следующий код

<script type="text/javascript">
    $(window).load(function () {
        var i = setInterval(function () {
            if (mgr_api != {}) {
                clearInterval(i);
                $('.minicartdel').on('click', function () {
                    mgr_api.track("remove_cart", $(this).attr('iid').split('_')[1]);
                });
            }
        }, 100);
    });
</script>

В данном коде проверьте, чтобы класс .minicartdel был назначен кнопке "Удалить из корзины"

1587900183153.jpg

Если коды установлены корректно, то в личном кабинете отобразится соответсвующий статус

1587900348242.jpg

Это минимальный набор кодов, чтобы запустить самые конверсионные триггер с брошенной корзиной.

Еще есть вопросы? Отправить запрос
Войдите в службу, чтобы оставить комментарий.