Виклик віджета за змінними JavaScript

Ви можете керувати показом віджетів на основі змінних JavaScript, які ваш сайт передає в eSputnik у реальному часі. Це дає змогу враховувати поточний стан сторінки та дії відвідувача — наприклад, вартість кошика, рівень лояльності або статус підписки — і показувати або приховувати попап саме тоді, коли це доречно.

На відміну від Cookie та Local storage, JavaScript variables існують лише протягом поточної сесії. Дані очищаються при перезавантаженні сторінки або переході на іншу. Це робить їх ідеальними для таргетингу на основі того, що відбувається прямо зараз.

📘

Зверніть увагу

JavaScript variables можна використовувати також як Merge Tags — для підстановки значень безпосередньо в текст віджета. Читайте окремо.

Налаштування змінних на сайті

Щоб передавати значення змінних до eSputnik, додайте скрипт

• безпосередньо у код вашого сайту (після завантаження основного скрипту eSputnik)
• або у Користувацький тег HTML Google Tag Manager (детальніше).

Формат скрипту:

<script>
  esputnik('addVariables', { variableName: value });
</script>

Наприклад, щоб передати статус підписки:

<script>
  esputnik('addVariables', { subscribed: false });
</script>

Також можна задати декілька змінних одночасно:

<script>
  esputnik('addVariables', {
    user_age: 25,
    user_status: 'vip'
  });
</script>

Налаштування умови в правилах виклику

1. У розділі На сторінках правил виклику віджета натисніть Додати умову.

2. Виберіть умову JavaScript variable, вкажіть назву змінної, оператор перевірки та значення змінної:

Приклади використання

Показ ексклюзивної пропозиції VIP-клієнтам

Після авторизації передайте рівень лояльності через JS-змінну:

<script>
  esputnik('addVariables', { loyalty_tier: 'vip' });
</script>

У правилах виклику додайте умову: JavaScript variable loyalty_tier дорівнює vip.

Результат: Попап з ексклюзивною пропозицією побачать лише VIP-клієнти.

Приховування попапа від користувачів із мобільним застосунком

Якщо ваш застосунок встановлює JS-змінну при кожному завантаженні сторінки, ви можете приховати попап із закликом завантажити застосунок від тих, у кого він вже є.

<script>
  esputnik('addVariables', { has_app: true });
</script>

У правилах виклику виключість сторінки, де JavaScript variable has_app дорівнює true.

Результат: Попап показуватиметься лише відвідувачам без застосунку.

📘

Зверніть увагу

Якщо застосунок записує ознаку в Local storage, а не встановлює JS-змінну при кожному завантаженні — використайте умову Local storage ключ. Вона надійніша, оскільки зберігається між перезавантаженнями сторінки.

Показ попапа відвідувачам із високою вартістю кошика

Передайте поточну вартість кошика через JS-змінну:

<script>
  esputnik('addVariables', { cart_value: 1500 });
</script>

У правилах виклику додайте умову: JavaScript variable cart_value більше ніж 1000.

Результат: Попап зі спеціальною пропозицією побачать лише відвідувачі з кошиком на суму понад 1000.