# Установка 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>.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hybrid.gitbook.io/platform-documentation/getting-started/pixels.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.