Ось повна покрокова інструкція для налаштування відстеження на боці Google Analytics 4 та відповідних параметрів у Wepster:

На боці Google Analytics 4:

1. Увійдіть у свій обліковий запис Google Analytics та перейдіть до потоку даних (Property), пов'язаного з вашим веб-сайтом.
2. Оберіть розділ "Адміністрування" у лівому боковому меню.
3. У розділі "Властивості" оберіть відповідну властивість (потік даних) для вашого веб-сайту.
4. У розділі "Встановлення" оберіть "Код відстеження" та скопіюйте ваш ідентифікатор потоку даних (Measurement ID), наприклад, G-XXXXXXXXXX.

На боці Wepster:

1. Увійдіть у свій обліковий запис Wepster на my.wepster.com.
2. Перейдіть до розділу "Приваблення клієнтів" і оберіть віджет, який встановлений на вашому веб-сайті.
3. Перейдіть на вкладку "Налаштування".
4. У полі "Додати свій код" вставте оновлений код відстеження для Wepster (дивіться нижче).

Коди відстеження нас стороні Wepster:

Вірант універсальний:

<script>
$( "body" ).delegate( ".wepster-btn-item", "click", function() {
  parent.postMessage({wepster:{button:"any"}},"*");
})
</script>

Цей код відстежує натискання на будь-яку кнопку месенджера, і дані будуть надсилатися в аналітику як загальні дані для всіх месенджерів.

Варіант якщо ви хочете відстежувати переходи в кожен месенджер окремо, скористайтеся наступними кодами:

// Відстежити перехід до Telegram
<script>
$( "body" ).delegate( ".wepster-btn-item .viber-messenger", "click", function() {
  parent.postMessage({wepster:{button:"telegram"}},"*");
})
</script>

// Відстежити перехід до Viber
<script>
$( "body" ).delegate( ".wepster-btn-item .viber-messenger", "

click", function() {
  parent.postMessage({wepster:{button:"viber"}},"*");
})
</script>

// Відстежити перехід до Facebook Messenger
<script>
$( "body" ).delegate( ".wepster-btn-item .facebook-messenger", "click", function() {
  parent.postMessage({wepster:{button:"facebook"}},"*");
})
</script>