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

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

Smart Pixel

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

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

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

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

Где найти Smart Pixel?

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

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

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

SmartPixel устанавливается на все страницы сайта (непосредственно в HTML-код страниц). Мы рекомендуем добавлять код в самый конец страниц, перед закрывающим тегом </head> . Если по каким-либо причинам вас это не устраивает, вы можете разместить код в любом месте страницы, код при этом должен находиться между открывающим тегом <body> и закрывающим тегом </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="facebook-icon" href="[<https://www.facebook.com/hybridrussia?pnref=lhc>](<https://www.facebook.com/hybridrussia?pnref=lhc>)"></a>
<a class="twitter-icon" href="[<https://twitter.com/Hybrid_Russia>](<https://twitter.com/Hybrid_Russia>)"></a>
<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 раз и отправилось к нам в Console.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ZeroPixel

Кроме Smart Pixel вы можете найти в интерфейсе Hybrid Console код под названием Zero Pixel.

ZeroPixel используется для сбора аудиторий с конкретных страниц или для сбора аудиторий совершивших определенные события. ZeroPixel имеет вид картинки 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