Как создать событие "Попытка ухода с сайта"

Событие "Попытка ухода с сайта" позволит отправлять триггерное сообщение пользователям и ловить их внимание в самый последний момент — когда они уводят курсор за верхнюю границу вашего сайта.

Важно! Событие появится в списке триггеров только после того, как запишется хотя в одну карточку пользователя. Вы можете после настройки самостоятельно инициировать запись события, совместив это с проверкой. Подробнее о том, как проверить сбор данных, в этой статье.

Чтобы создать событие "Попытка ухода с сайта", сделайте несколько простых шагов:

1. Перейдите в раздел Трекинг — Мастер сбора данных — Настроить JavaScript код


 

2. Вставьте в окошко следующий скрипт:

(function() {
    init()
    function init() {
        setTimeout(addMouseout, 5000);
    }
    function addMouseout() {
        document.addEventListener('mouseout', mouseout);
    }
    function mouseout(e) {
        if (Math.round(e.x) >= 0 && Math.round(e.y) <= 0) {
            carrotquest.track('Попытка ухода с сайта');
            deleteEvent();
            setTimeout(addMouseout, 10000);
        }
    }
    function deleteEvent() {
        document.removeEventListener('mouseout', mouseout);
    }
}());

Скопировать код

3. Кликните «Сохранить».

 

Как работает скрипт:

1. Скрипт инициируется через 5 секунд после захода пользователя на сайт.

2. Когда пользователь будет уводить курсор мыши выше окна сайта, будет срабатывать событие «Попытка ухода с сайта».

3. Повторно событие сработает через 10 секунд.

 

Также вы можете добавить скрипты, которые будут срабатывать при попытке ухода с конкретных страниц или разделов.

Попытка ухода с конкретной страницы (пропишите нужный адрес страницы и название события):

//попытка ухода со страницы Футболка женская
if (window.location.href == 'http://bitrix.carrotquest.ru/catalog/t-shirts/women-s-t-shirt-purity/') {
    (function() {
        init()
        function init() {
            setTimeout(addMouseout, 5000);
        }
        function addMouseout() {
            document.addEventListener('mouseout', mouseout);
        }
        function mouseout(e) {
            if (Math.round(e.x) >= 0 && Math.round(e.y) <= 0) {
                carrotquest.track('leave attempt "Pricing"');
                deleteEvent();
                setTimeout(addMouseout, 10000);
            }
        }
        function deleteEvent() {
            document.removeEventListener('mouseout', mouseout);
        }
    }())
};

Скопировать код

Попытка ухода из раздела:

//попытка ухода из раздела
if (location.href.indexOf('/product/') > -1) {
    (function() {
        init()
        function init() {
            setTimeout(addMouseout, 5000);
        }
        function addMouseout() {
            document.addEventListener('mouseout', mouseout);
        }
        function mouseout(e) {
            if (Math.round(e.x) >= 0 && Math.round(e.y) <= 0) {
                carrotquest.track('Попытка ухода из любой карточки товара');
                deleteEvent();
                setTimeout(addMouseout, 10000);
            }
        }
        function deleteEvent() {
            document.removeEventListener('mouseout', mouseout);
        }
    }())
};

Скопировать код

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 2 из 2
Остались вопросы? Напишите нам!

Комментарии