> For the complete documentation index, see [llms.txt](https://hybrid.gitbook.io/platform-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hybrid.gitbook.io/platform-documentation/getting-started/pixels.md).

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

## **SmartPixel**

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

{% hint style="success" %}
**После установки SmartPixel на сайт, вы сможете:**

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

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

#### **Где найти SmartPixel?**

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

Облако данных создается автоматически после того, как вы создадите рекламодателя. Подробнее о том, как создать рекламодателя читайте[ здесь](https://docs.hybrid.ai/platform-documentation/advertiser).

![ Код SmartPixel можно найти в разделе «Мои аудитории» ](/files/7k97EugqpQ72Jb8YIqc6)

#### **Как установить 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>
```

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

![Аудитория начинает собираться после правильной установки пикселя](/files/Y3QUXefOdytoF7QW6NJl)

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

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

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

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

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

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

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

{% hint style="info" %}
Если при этом требуется установить код на несколько кнопок, необходимо изменить часть ‘next\_page’ на название кнопки.
{% endhint %}

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

{% hint style="warning" %}
Если не совершить клик по кнопке, событие не появится в консоли.
{% endhint %}

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

О том, как правильно создавать различные типы аудиторий, вы можете узнать [здесь](/platform-documentation/moi-auditorii.md).

![](/files/8mjcuyUryFCofwq50Bno)

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

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

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

![](/files/5YREVQdAgRjwnsOqPd5D)

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

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

{% hint style="info" %}
Обобщим информацию по шагам создания событий.

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

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

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

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

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

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

### **ZeroPixel**

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

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

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

Пиксель имеет вид картинки 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.

![](/files/ZBq56K8oelzT1APQhPcH)

### Пиксели и GTM

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

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

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

![](/files/-MB-JRL7f-6Snmv4zBeN)

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

![](/files/-MB-ZnUraKm24V-YM1Yf)

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

![](/files/-MB-ZxHmOI3gOW_ylPgO)

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

![](/files/-MB-_08eDa9mmyOJdFDz)

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

![](/files/-MB-_1zjdb2AUscKydXT)

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

![](/files/-MB-_4KskoLOIPwij2T1)

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

![](/files/-MB-_7Adv82YrIk5lGH8)

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

![](/files/-MB-_QgRtRfcJ_BT5gSA)

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

![](/files/-MB-_M8TexNeCRXBWIOn)

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

![](/files/-MB-_YbT8jRUPA9ens8B)

Если у вас остались какие-либо вопросы, обратитесь к своему персональному менеджеру или напишите в службу поддержки <support@hybrid.ai>.