Налаштування трекінгу прив'язкою до селекторів сайту

CSS-селектори дозволяють отримати додаткову інформацію про елемент веб-сторінки, з яким відбулася певна подія. За допомогою селекторів CSS інтеграційна команда eSputnik може налаштувати відстеження дій користувачів на вашому сайті.

Унікальні селектори

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

Для того щоб скрипт веб-трекінгу відправляв до нашої системи події, на певних сторінках сайту мають бути присутні унікальні селектори. За ними визначається тип сторінки:

головна сторінка сайту;
сторінка категорії;
сторінка товару;
кошик;
сторінка "Дякуємо за замовлення";
сторінка 404.

Наприклад, для сторінки товару треба вибрати селектор, наявний на всіх сторінках товарів, але відсутній на інших типах сторінок сайту.

Додавання даних із кошика під час оформлення замовлення

Під час налаштування події StatusCart відбувається парсинг даних із сайту:

ID товару;
сума замовлення;
кількість товарів у кошику.

Важливо, щоб ці дані знаходилися всередині контейнера товару.

Додавання номера замовлення

Для відстеження замовлень на сайті код сторінки “Дякуємо за замовлення” має містити унікальний номер замовлення.

Додавання елемента productKey

ProductKey – унікальний ідентифікатор товару, який міститься у фіді. Він має бути присутнім:

у картці товару;
у pop-up картки товару;
у кошику та на всіх інших сторінках сайту, де можлива зміна вмісту кошика.

Якщо він відсутній, то додайте його до верстки сторінки сайту як прихований елемент. Додавати productKey треба тільки всередину контейнера для кожного товару.

Приклад:

<div class="container basket item">
   <div data-productKey="196272">
   </div>
</div>

Додавання email-адрес і телефонних номерів авторизованих користувачів до розмітки сайту

У розмітці сайту важливо показувати email-адреси авторизованих користувачів. Це необхідно для того, щоб eSputnik мав змогу ідентифікувати людину, яка на даний момент перебуває на сайті, асоціювати її з подією і надіслати потрібне повідомлення.

Приклад:

<span id="EsMail" style="display:none">name@email.com</span>
<span id="EsPhone" style="display:none">+380661234567</span>

Усі описані вище елементи можна додавати на сайт у прихованому вигляді. Важливо, щоб вони містилися в коді, утім на сторінці вони можуть не відображатися.