Эта инструкция помогает отслеживать аналитику переходов из сайта в мессенджер через виджеты Wepster.

Простая настройка для Google Analytics

Можете встроить этот код на стороне виджета в настройках Wepster (вместо UA-175160820-1 ваш id google аналитики)

<script async src="[<https://www.googletagmanager.com/gtag/js?id=UA-175160820-1>](<https://www.googletagmanager.com/gtag/js?id=UA-175160820-1>)"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-175160820-1'); </script>
<script>
$( "body" ).delegate( ".wepster-btn-item", "click", function() {
console.log('EVENT')
gtag('event', 'new', {
'event_category': 'Wepster',
'event_action': 'Contact'
});
})
</script>

Как проверить

1. Перейти в аналитику в раздел "Отчет в реальном времени" и выбрать "События"
2. Перейти на сайт и кликнуть по кнопке мессенджера
3. Посмотреть появилось ли событие в ГА

Что нужно делать если хотите собирать статистику на сайте:

1. Для начала, на вашем сайте должен быть установлен код отслеживания Facebook Pixel / Google Analytics / и т.п.

Если у вас на сайте установлен Google Tag Manager — вы можете через него установить необходимые коды аналитики на ваш сайт без помощи программистов. При условии что виджет Wepster и код который будет либо на сайте либо в Tag Manager но вместе

2. Добавьте код в виджет

Перейдите в ваш аккаунт my.wepster.com → Привлечение клиентов → Выбираем виджет, который установлен на сайте. Затем перейдите на вкладку сверху Настройки (см. изображение). В поле Добавить свой код вставьте следующий код и нажмите сохранить.

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

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

Если вы хотите отследить переходы в каждый мессенджер отдельно — используйте инструкцию ниже:

• Коды отслеживания мессенджеров по отдельности

3. Добавьте на ваш сайт следующий код

<script>
  function wepster(event) {
    if('wepster' in event.data){
      if(event.data.wepster.button == 'any'){
        fbq('track', 'Contact');
        ga('send','Contact');
      }
    }
  }
  if (window.addEventListener) {
    window.addEventListener("message", wepster);
  } else {
    window.attachEvent("onmessage", wepster);
  }
</script>

В данном коде уже добавлены функции для FB pixel fbq('track','Contact');

и Google Analytics Old analytics.js ga('send','event','Wepster','Contact');

Если используете gtag.js

gtag('event', 'new', { 'event_category': 'Wepster', 'event_action': 'Contact' });

Вы можете удалить ненужные функции или добавить другие.

Если вы используете отслеживание по каждому мессенджеру отдельно, тогда используйте инструкцию ниже: