Как отследить конверсии на сайте

С помощью установки кода отслеживания конверсий на сайте Вы сможете зафиксировать, выполнил ли подписчик целевое действие на вашем сайте, например, покупку, заполнение формы, посещение определенной страницы или просмотр видео.
1. Установка кода отслеживания
Установите на ваш сайт код отслеживания. Его можно скопировать из блока ниже, или найти в разделе "Настройки", в секции "Код отслеживания".
Этот код нужно разместить в секции <head> вашего сайта на всех страницах, где нужно отслеживание действий.
<script>
        (function (w, d, t, a, n, js, ojs) {
            w['WWBApiWidget']= n; w[n] = w[n] || function () {(w[n].q = w[n].q || []).push(arguments)};
            w[n].l = 1 * new Date(); js = d.createElement(t);
            ojs = d.getElementsByTagName(t)[0]; js.async = 1;
            js.src = a; ojs.parentNode.insertBefore(js, ojs);
        })(window, document, 'script', 'https://my.winwinbot.com/widget-api/widget.js', 'wwbapi');
        wwbapi('init')
 </script>
Последовательность установки кода на конструкторе Tilda:

1. Добавьте на страницах вашего сайта блок T123 (HTML)
2. Вставьте в этот блок код, указанный выше.
3. Опубликуйте страницу.

Совет: В Tilda удобнее добавить этот код на странице header, чтобы он автоматически вставился во все страницы вашего проекта.
2. Передача идентификатора подписчика на сайт
Чтобы ваш код отслеживания начал работать, при переходе по ссылке из чат-бота на сайт должен передаваться идентификатор подписчика. Иначе сайт не сможет понять, какой именно подписчик сейчас просматривает страницу.

В редакторе рассылки вставьте в текст сообщения ссылку нажав соответствующую иконку.

В диалоговом окне вставки ссылки укажите страницу, куда должен перейти подписчик и добавьте в параметры ссылки поле "идентификатор подписчика".

Таким образом переход по этой ссылке будет включать в себя нужные параметры и код отслеживания сможет "узнавать" ваших подписчиков, перешедших по вашей ссылке.
3. Передача событий через код отслеживания
Теперь вы можете передавать в профиль подписчика определенные параметры в зависимости от выполнения нужных действий. Давайте рассмотрим несколько примеров.
1. Успешная покупка.

Для того чтобы отследить, совершил ли подписчик оплату, выполните следующие шаги:

- Создайте новое поле в профиле подписчика. Например, payment
- установите на той странице вашего сайта, куда подписчик попадает после успешной оплаты дополнительный код:
<script>
 wwbapi('event', [{ payment: 'yes'}])
</script>
Этот код запишет в профиль подписчика значение yes в поле payment.

Далее вы сможете настроить сегменты по этому полю, чтобы отфильтровать подписчиков, совершивших оплату и настроить, например, триггерную рассылку по факту изменения значения в поле payment, чтобы отправить подписчику сообщение с благодарностью за оплату.

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

Например, запишем в поле payment значение yes, а в поле product название оплаченного продукта product1:
<script>
wwbapi('event', [{ payment: 'yes'}, {product: 'product1'}])
</script>
2. Просмотр видео YouTube.

С помощью кода отслеживания вы также можете определять, посмотрел ли ваш подписчик видео на вашем сайте и до какой минуты.

При этом, в профиль подписчика будет сохраняться длительность просмотра видео в минутах, и это поле будет обновляться непосредственно во время просмотра.

Создайте в профиле подписчика числовое поле, например, video_view.

В том месте вашего сайте, где вы хотите разместить видео-плеер, вставьте следующий код из примера ниже.

ID видео-ролика YouTube можно узнать из ссылки. Например, если ссылка на ваше видео выглядит так: https://www.youtube.com/watch?v=0svjSsdj23fs,
то ID вашего видео будет 0svjSsdj23fs.
<script>
wwbapi('youtube', {
id: '0svjSsdj23fs', //ID видео-ролика YouTube
prop: 'video_view', //поле, в которое необходимо записать длительность просмотра, 
height: 480, //опциональный параметр: высота видео-плеера YouTube
width: 640 //опциональный параметр: ширина видео-плеера YouTube
})
</script>
Обратите внимание, что плеер на сайт вставляется именно через этот код. Вы можете задать ширину и высоту плеера через параметры height и width.