Установка SmartPixel на сайт

Всё о работе с пикселями в Hybrid Platform

SmartPixel

SmartPixel — это JS-код для сбора, сегментирования аудитории, аналитики и создания look-alike аудиторий.

После установки SmartPixel на сайт, вы сможете:

проводить ретаргетинговые кампании;
создавать различные аудиторные сегменты на основе собственных данных о пользователях;
создавать Look-alike аудитории;
создавать аудитории на основе событий (нажатий на кнопку);
получать статистику по Post-view и post-click конверсиям;
оптимизировать кампании на основе показателей bounce rate и конверсий;
персонализировать креативы для посетителей разных разделов сайта;
анализировать интересы пользователей по их поведению на сайтах и в приложениях с помощью Smart List;
оценивать эффективность каждого рекламного канала с помощью Cross-device attribution.

Иногда у рекламодателей возникают сомнения в необходимости установки пикселя и страх, что их данные уходят в сторонние DMP для построения сегментов или перепродаются. Мы гарантируем, что ваши данные находятся под защитой, и что аудитории, которые вы создаете в своем аккаунте, не могут быть использованы кем-то еще.

Где найти SmartPixel?

Перейдите в раздел «Мои аудитории» на панели инструментов, напротив нужного облака данных нажмите на значок <> Коды.

Облако данных создается автоматически после того, как вы создадите рекламодателя. Подробнее о том, как создать рекламодателя читайте здесь.

Как установить SmartPixel?

SmartPixel устанавливается на все страницы сайта (непосредственно в HTML-код страниц). Мы рекомендуем добавлять код в начале страниц рядом с другими счетчиками. Если по каким-либо причинам вас это не устраивает, вы можете разместить код в любом месте страницы, код при этом должен находиться между открывающим тегом и закрывающим тегом </body>

<script>
    window._txq = window._txq || [];
    var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//st.hybrid.ai/txsp.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(s);
    _txq.push(['createPixel', '5ede0a524d506ea5a87e3c1b']);
    _txq.push(['track', 'PageView']);
</script>

Пример установки

<div class="right">
<form method="get" action="/search.php" class="search">
<input type="search" name="q" id="search" placeholder="Найти запись">
<button type="submit">Найти</button>
</form>
<div class="subscribe">
<div class="subtitle">
МЫ В СОЦСЕТЯХ
</div>
<div class="social">
<a class="vk-icon" href="[<http://vk.com/club71826437>](<http://vk.com/club71826437>)"></a>
</div>
</div>
<div class="sections">
<span>Категории</span>
<a href="/post/sections/8/">Features</a><a href="/post/sections/12/">Must-know</a><a href="/post/sections/10/">Кейсы</a><a href="/post/sections/9/">Компания</a><a href="/post/sections/7/">События</a>
</div>
</div>
<script>
window._txq = window._txq || [];
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '[//st.hybrid.ai/txsp.js](<https://st.hybrid.ai/txsp.js>)';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(s);
_txq.push(['createPixel', '5ede0a524d506ea5a87e3c1b']);
_txq.push(['track', 'PageView']);
</script>
</body>

После корректной установки кода на сайт вы увидите индикатор «Активен», и аудитория посетителей сайта под названием «Все посетители» начинает собираться.

Аудитории по событиям

Чтобы учитывать определенные действия совершенные на сайте, например, нажатие на кнопку, требуется установить дополнительные JS-коды.

Код на кнопку будет разный в зависимости от способа его установки:

1. Если устанавливать через GTM, то используем следующий код:

<script>
    window._txq = window._txq || [];
  _txq.push(['track', 'next_page'])
</script>

2. Если устанавливать напрямую через код сайта, то используем:

onclick="_txq.push(['track', 'next_page']);

Если при этом требуется установить код на несколько кнопок, необходимо изменить часть ‘next_page’ на название кнопки.

После того, как дополнительные коды будут установлены на кнопки, требуется совершить клик по этим кнопкам. Это нужно для того, чтобы событие отработало хотя бы 1 раз и отправилось к нам в Hybrid Platform.

Если не совершить клик по кнопке, событие не появится в консоли.

Следующим шагом будет создание аудитории на основе события. Для этого переходим в раздел «Мои аудитории» — нужное облако данных — «Создать аудиторию» — «События».

О том, как правильно создавать различные типы аудиторий, вы можете узнать здесь.

При создании аудитории на основе события можно будет выбрать название события (название кнопки, которое вы пропишете в коде: например, ‘next_page’).

Если данное событие — целевое действие, его следуют отметить галочкой «считать конверсии».

После правильной настройки учета конверсий вам будет доступна статистика по следующим колонкам:

На основе этой статистики вы можете наиболее эффективно оптимизировать рекламную кампанию:

перераспределять бюджет на конверсионные площадки;
исключать площадки с низкими показателями;
собирать WL из конверсионных площадок.

Обобщим информацию по шагам создания событий.

1. Установить SmartPixel на каждую страницу сайта.

2. Установить коды событий на кнопки.

3. Прокликать кнопки, чтобы событие отработало и отправилось к нам в консоль.

4. Создать аудиторию на основе события.

5. Если данное событие — целевое действие, отметить «считать конверсии».

6. Отлеживать дополнительную статистику post-click и post-view.

ZeroPixel

Кроме SmartPixel вы можете найти в интерфейсе Hybrid Platform код под названием ZeroPixel.

ZeroPixel также используется для сбора аудиторий с конкретных страниц или для сбора аудиторий, совершивших определенные события.

ZeroPixel легче проходит проверку от службы безопасности вашей компании, поэтому в некоторых ситуациях можете использовать его как альтернативу SmartPixel. Это решение отлично подойдет для сбора аудитории с сайтов банков, недвижимости и многое другое.

Пиксель имеет вид картинки 0x0.

<img src='[//dss.hybrid.ai/Pixel/JsAction2?TagId=5ede0a524d506ea5a87e3c1b&ActionId=157018046584](<https://dss.hybrid.ai/Pixel/JsAction2?TagId=5ede0a524d506ea5a87e3c1b&ActionId=157018046584>)' width="0" height="0" />

Пример:

<script type='text/javascript'>
var man = new Image();
man.src = '//dss.hybrid.ai/Pixel/JsAction2?TagId=5ede0a524d506ea5a87e3c1b&ActionId=157018046584';
</script>

Где найти ZeroPixel?

Путь: Мои аудитории (на левой панели) — Нужное облако данных — Создать аудиторию — Другие аудитории — ZeroPixel.