Инструкция по установке Convead на Tilda

Для интеграции Convead c Tilda потребуется установка в ручном режиме.

1. Перейдите в раздел Мои сайты - Настройки сайта - Еще - HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD:

2. Перейдите во вкладку Редактировать код и вставьте код:

Код можно взять из javascript интеграции на странице настройки аккаунта.

3. Сохраните изменения.
4. Переопубликуйте все страницы сайта, чтобы скрипт к ним применился.

Добавление события просмотра товара

В подвал вашего сайта (на все страницы) добавьте T123 блок и в него вставьте следующий код:

<script>
document.addEventListener("DOMContentLoaded", function(){
    
(function () { 
    
    let snippetSearchRepeat = 0;
    let tistore = setInterval(function() {
            const productListNum = document.querySelector('.t-store__product-snippet');
            if(productListNum) {
                if(productListNum.hasAttribute("data-product-url")){
                    clearInterval(tistore);
                    sendConveadAction(true);
                };
            };
            snippetSearchRepeat++;
            if(snippetSearchRepeat>50) clearInterval(tistore);
    }, 100);   
    

    function sendConveadAction(em){
        setTimeout(function(){
            
            let productCard = '';
            if(em){
                productCard = document.querySelector('.t-store__product-snippet');
            }else{
                productCard = document.querySelector('.t-store .t-popup_show .t-store__product-popup');
            };
            
            if(productCard!=null){
                const prName =  productCard.querySelector('.js-store-prod-name').innerText;
                const prID = productCard.getAttribute('data-product-uid');
                const prURL = productCard.getAttribute('data-product-url');

                convead('event', 'view_product', {
                    product_id: prID,
                    product_name: prName,
                    product_url: prURL
                });
                
                
                console.log(prName);
                
            };
            
        }, 300); 
           
    };
    
    document.addEventListener('click', function(event) { 
        if(event.target.closest('a[href*="/tproduct/"]')){
            setTimeout(function () {  sendConveadAction(false) }, 300);
        };
    });

})();

});
</script>

Добавление события наполнения корзины

В подвал вашего сайта (на все страницы) добавьте T123 блок и в него вставьте следующий код:

<script>
document.addEventListener("DOMContentLoaded", function() {
    (function() { 
        let prodListArr = [];

        function sendConveadAction2() {
            setTimeout(function() {
                prodListArr = [];
                const cartProducts = window.tcart.products;
                for (let i = 0; i < cartProducts.length; i++) {
                    let prodListObj = {};    
                    prodListObj['product_id'] = cartProducts[i]['uid'];
                    prodListObj['qnt'] = cartProducts[i]['quantity'];
                    let price = cartProducts[i]['amount'];
                    if (cartProducts[i]['amount_withdiscount'] != undefined) {
                        price = cartProducts[i]['amount_withdiscount'];
                    }
                    prodListObj['price'] = price;
                    prodListArr.push(prodListObj);
                }

                console.log(prodListArr);

                convead('event', 'update_cart', {
                    items: prodListArr
                });
            }, 300); 
        }

        setTimeout(function() {
            const prodamount = document.querySelector('.t706__carticon-counter');

            if (prodamount != null) {
                const observer = new MutationObserver(mutationRecords => {
                    sendConveadAction2();    
                });
                
                observer.observe(prodamount, {
                    childList: true, 
                    subtree: true, 
                    characterDataOldValue: true
                });
            }
        }, 1500); 
    })();
});
</script>

Проверка событий

Убедитесь, что события передаются корректно и ваши товары на сайте совпадают с фидом. Для этого:

1. Зайдите на сайт через инкогнито

2. Зайдите в раздел посетители - онлайн

   

3. Найдите свою сессию и перейдите в карточку клиента

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

   

5. Добавьте несколько товаров в корзину. Обновите карточку клиента и проверьте наполнение корзины. Там должны быть указаны актуальные наименования товаров, ссылка на товар, кол-во и стоимость.

   

   

Если вместо актуального названия товара отображается "Товар #337383" или подобное, значит, скорее всего, id товара на сайте не совпадает с id товара из продуктового фида.