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

SmartPixel

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

Иногда у рекламодателей возникают сомнения в необходимости установки пикселя и страх, что их данные уходят в сторонние 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']);

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

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

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

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

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

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

• перераспределять бюджет на конверсионные площадки;

• исключать площадки с низкими показателями;

• собирать WL из конверсионных площадок.

ZeroPixel

Кроме SmartPixel вы можете найти в интерфейсе Hybrid Console код под названием 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.

Пиксели и GTM

Пиксели Hybrid можно установить на сайт как напрямую, так и через GTM.

Инструкция как установить через GTM:

1. Создаем новый тег в GTM.

2. Нажимаем на «Конфигурация тега».

3. Выбираем «Пользовательский HTML».

4. Вставляем SmartPixel.

5. Сохраняем тег.

6. Присваиваем название тегу и сохраняем.

7. Кликаем на тег для редактирования.

8. Добавляем триггер.

9. Выбираем «All Pages».

10. Сохраняем настройки тега.

Если у вас остались какие-либо вопросы, обратитесь к своему персональному менеджеру или напишите в службу поддержки [email protected].