Инструкция — внедрение измерения внимания

Что происходит после подключения

1

Показ креатива

Пользователь видит ваш баннер или видео. Скрипт автоматически отправляет пиксель measurable — «обсчёт начался».

2

Сбор метрик

В браузере считаются время внимания, видимость (MRC), ATR, вовлечение и другие показатели. Креатив работает как обычно — клики и ссылки не блокируются.

3

Отправка результата

Один раз отправляется пиксель complete с итоговыми метриками — при клике, уходе со страницы или через 3 минуты.

Какие данные нужно указать

Получите коды у менеджера кампании Premium Ads. Минимум — продукт и ID кампании.

Поле	Атрибут в HTML	Пример	Обязательно
Продукт	`data-pa-src`	`pa`	Да
Кампания	`data-pa-cid`	`CAMP_2026_SPRING`	Да
Плейсмент	`data-pa-pid`	`site_main_728x90`	Рекомендуется
Креатив	`data-pa-cr`	`cr_banner_v2`	Рекомендуется

Коды продуктов: pa — Premium Ads | gd — Genius Desk

Быстрый старт за 2 минуты (баннер)

Самый простой способ — обернуть готовый HTML баннера и подключить один скрипт.

HTML — готовый шаблон баннера

<!-- Шаг 1: обёртка вокруг ВАШЕГО баннера -->
<div
  data-pa-measure
  data-pa-src="pa"
  data-pa-cid="ВАША_КАМПАНИЯ"
  data-pa-pid="плейсмент_728x90"
  data-pa-cr="креатив_v1"
>
  <!-- Сюда вставьте ваш текущий код баннера -->
  <a href="https://example.com/click">
    <img src="banner.jpg" width="728" height="90" alt="Реклама" />
  </a>
</div>

<!-- Шаг 2: скрипт измерения (один раз) -->
<script
  src="https://measure.geniusgroup.cc/sdk/premium-ads-measure.js"
  data-pa-auto
  async
></script>

Совет: не хотите править код вручную? Откройте конструктор креатива — вставьте свой HTML и нажмите «Встроить код измерения».

Баннер — подробная инструкция

Шаг 1. Найдите HTML вашего баннера

Обычно это блок с картинкой <img> или ссылкой <a>. Пример типичного кода без измерения:

Было (без измерения)

<a href="https://brand.ru/promo" target="_blank">
  <img src="https://cdn.site.ru/banner_300x250.jpg" width="300" height="250" alt="" />
</a>

Шаг 2. Оберните в контейнер с атрибутами

Контейнер data-pa-measure должен охватывать всю видимую область баннера.

Стало (с измерением)

<div
  data-pa-measure
  data-pa-src="pa"
  data-pa-cid="CAMP_2026_SPRING"
  data-pa-pid="publisher_home_300x250"
  data-pa-cr="cr_spring_01"
>
  <a href="https://brand.ru/promo" target="_blank">
    <img src="https://cdn.site.ru/banner_300x250.jpg" width="300" height="250" alt="" />
  </a>
</div>

<script src="https://measure.geniusgroup.cc/sdk/premium-ads-measure.js" data-pa-auto async></script>

Шаг 3. Загрузите на площадку

Вставьте итоговый код в HTML-креатив AdFox, Google Ad Manager, внутренний ad server или zip-архив Rich Media.

Живой пример баннера → Откройте и проверьте Network → m.gif Конструктор креатива → Автоматически добавит обёртку и скрипт

OLV (видеореклама)

Для видео добавьте режим data-pa-mode="olv" и селектор видео. Скрипт учитывает запуск и досмотр.

Шаблон OLV

<div
  id="olv-ad"
  data-pa-measure
  data-pa-src="pa"
  data-pa-cid="CAMP_2026_VIDEO"
  data-pa-pid="preroll_site"
  data-pa-cr="cr_15s_master"
  data-pa-mode="olv"
  data-pa-video="#olv-ad video"
>
  <video playsinline muted autoplay>
    <source src="https://cdn.example.com/ad.mp4" type="video/mp4" />
  </video>
</div>

<script src="https://measure.geniusgroup.cc/sdk/premium-ads-measure.js" data-pa-auto async></script>

Живой пример OLV → Видео с подключённым промерителем

Креатив в iframe

Если баннер показывается внутри <iframe>, скрипт нужно разместить внутри HTML файла креатива, а не на странице сайта.

Откройте index.html вашего креатива (тот, что грузится в iframe).
Добавьте обёртку и скрипт по инструкции выше.
Загрузите обновлённый архив на CDN / ad server.

Скрипт на родительской странице сайта не увидит содержимое iframe — измерение будет некорректным.

Если у вас полная HTML-страница

Rich Media часто — это целый файл с <!DOCTYPE html>. Оберните содержимое <body> или используйте конструктор — он сам определит формат.

Фрагмент полной страницы

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>Креатив 300x250</title>
</head>
<body>
  <div data-pa-measure data-pa-src="pa" data-pa-cid="CAMP_X" data-pa-pid="p1" data-pa-cr="c1">
    <!-- ваш креатив -->
  </div>
  <script src="https://measure.geniusgroup.cc/sdk/premium-ads-measure.js" data-pa-auto async></script>
</body>
</html>

Как проверить, что всё работает

Откройте креатив в Chrome или Firefox.
Нажмите F12 → вкладка Network (Сеть).
В фильтре введите m.gif.
Обновите страницу — должен появиться запрос с e=measurable.
Дождитесь показа баннера на экране, кликните по нему или закройте вкладку.
Должен появиться запрос с e=complete и параметрами att, atr, eng.

Тестовая кампания: можно использовать data-pa-cid="TEST" для проверки перед запуском.

Чеклист перед сдачей

Указаны data-pa-src и data-pa-cid
Заполнены data-pa-pid и data-pa-cr
data-pa-measure на контейнере = видимая область креатива
Скрипт загружается с measure.geniusgroup.cc
В Network видны measurable и complete
Клик по баннеру ведёт на целевую страницу

Частые вопросы

Нет запросов к m.gif: Проверьте, что заполнены data-pa-src (например, pa) и data-pa-cid. Откройте консоль браузера (F12 → Console) на ошибки.
Есть measurable, но нет complete: Это нормально, пока пользователь не кликнул, не ушёл со страницы и не прошло 3 минуты. Для теста — кликните по баннеру.
Несколько баннеров на одной странице: Каждый баннер — отдельный div с data-pa-measure. Один скрипт с data-pa-auto обработает все.
AdBlock блокирует пиксель: У части аудитории запросы могут не уходить. Для продакшена обсуждается first-party размещение с менеджером.
Куда писать за кодами кампании: К менеджеру Premium Ads / Genius Desk — они выдадут cid, при необходимости src и рекомендации по плейсментам.

Готовы начать?

Вставьте свой HTML в конструктор — получите готовый код за один клик.

Создать креатив с измерением

Как добавить измерение внимания в креатив