Пиксель VK Рекламы: установка и события

Как добавить пиксель

В «Конверсии» → вкладка «Пиксели» → «Добавить пиксель». В окне можно создать новый пиксель или запросить доступ к существующему.

Новый пиксель:

• На вкладке «Домен сайта» проверить адрес.
• Нажать «Добавить пиксель».
• Убедиться, что на вкладке «Настройки» → «Контакты» указан email: это нужно для корректной работы доступов.

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

Доступ к существующему пикселю:

• Открыть вкладку «ID пикселя».
• Ввести ID пикселя и почту пользователя, который его настраивал.
• Нажать «Запросить доступ».

Как установить код на сайт

• Открыть «Конверсии» → «Пиксели», найти пиксель и нажать «Настроить».
• На вкладке «Код пикселя» скопировать базовый код.
• Добавить его в код сайта так, чтобы он был на каждой странице перед закрывающим тегом </head>.

Навыки программирования не нужны: код копируют и вставляют.

Плагины и конструкторы

• WordPress, 1C-Bitrix, Joomla, OpenCart: на маркетплейсе CMS добавляют бесплатный плагин VK Рекламы, затем в свойствах плагина вставляют ID пикселя.
• Tilda: на платном тарифе плагин уже встроен. В «Настройки сайта» → «Аналитика» в поле «MAIL.RU COUNTER ID (VK PIXEL)» вставляют ID пикселя.
• ID пикселя берут в «Конверсии» → «Пиксели», в строке нужного пикселя.

Google Tag Manager

• Создать тег с любым названием, например, «VK Pixel».
• В «Конфигурации тега» выбрать «Пользовательский HTML» и вставить код пикселя (вкладка «Код пикселя» после кнопки «Настроить»).
• Остальные настройки оставить исходными.
• Триггер для обычного сайта — «Просмотр страницы». Для AJAX и SPA-сайта создают и используют триггер «Изменение в истории».
• Сохранить.

AJAX-, SPA- и Flash-сайты

Чтобы пиксель считал новые просмотры и цели без перезагрузки страницы:

• Установить код пикселя на сайт.
• Определить, какие случаи считать отдельным просмотром страницы или достижением цели.
• Определить url и referrer для такого просмотра. По умолчанию берутся location.href и document.referrer.
• В местах, где запускается новый просмотр, вызвать у объекта _tmr метод pageView (просмотр) или reachGoal (достижение цели).

Варианты вызова для AJAX-сайтов (берут один):

• _tmr.pageView({ id: "ID счетчика" });
• _tmr.pageView({ id: "ID счетчика", url: "URL" });
• _tmr.pageView({ id: "ID счетчика", url: "URL", referrer: "REFERRER" });

Если нет уверенности, что счётчик уже загружен, справка даёт более безопасный вариант (в примере id условный, подставляют свой):

• var _tmr = window._tmr || (window._tmr = []); _tmr.push({ id: "36383", type: "pageView", url: "URL" });

Для SPA-сайтов вставляют такой же код в обработчик смены страницы. Пример для AngularJS — обработчики $viewContentLoaded или $routeChangeSuccess:

• $window._tmr.push({id:"ID счетчика", type: "pageview", url: $location.url() }); внутри обработчика $viewContentLoaded
• _tmr.push({id:"ID счетчика", type: "pageview", url: $location.url() }); внутри обработчика $routeChangeSuccess

Если код ставят через GTM и SPA-сайт меняет URL при новом просмотре, вместо кода добавляют триггер «Изменение в истории» к триггеру «Просмотр страницы».

Для Flash-сайтов:

• ActionScript 2 (Flash до 9.0): getURL("javascript:_tmr.pageView({id: \"ID счетчика\", url: \"URL\" })");
• ActionScript 3 (Flash 9.0 и выше): navigateToURL(new URLRequest("javascript:_tmr.pageView({id: \"ID счетчика\", url: \"URL\" })"), "_self");

Как настроить событие

• Открыть «Конверсии» → «Пиксели», у пикселя нажать «Настроить».
• На вкладке «События» нажать «Добавить событие».
• Выбрать категорию: она влияет на то, как оптимизируется реклама.
• При необходимости задать название (удобно, когда в одной категории несколько событий) и ценность.
• Выбрать условие наступления: посещение страницы (можно указать часть адреса, например, cart для корзины) или JS-событие (указывают идентификатор и добавляют js-код с ним на сайт). JS-события можно передавать и офлайн.

Удалить событие нельзя. Категорию, название и ценность меняют через три точки у события на вкладке «События».

Автособытия и слой данных

Автособытия: базовый код сверяет действия посетителей с шаблонами важных для рекламы событий и предлагает фиксировать их. Автособытия можно выбирать целевым действием кампаний.

Слой данных (Data Layer) — массив JavaScript-объектов для обмена событиями между подсистемами сайта (CMS, e-com, ERP, аналитика), в том числе событиями электронной торговли с параметрами для динамического ретаргетинга. Как включить:

• В «Конверсии» → «Пиксели» открыть код: для нового пикселя «Добавить пиксель» → адрес сайта → «Добавить» → «Создать новый пиксель» → «Получить код»; для существующего — «Настроить».
• Включить тогл «Сбор событий из слоя данных (data-layer)».
• Если переменная на сайте называется не dataLayer, указать её название.
• Для нового пикселя нажать «Скопировать код» или «Скачать файлом» и установить код на сайт; для существующего убедиться, что на сайте стоит код с правильным названием слоя.
• После установки на вкладке «События» появится блок «События слоя данных».

Эти события можно использовать как целевое действие кампаний и как источник событий динамического ретаргетинга.

Кампания и аудитория из события

Кампания: на вкладке «События» нажать «…» в строке события → «Создать кампанию». Откроется создание кампании с объектом «Сайт», сайтом пикселя и целевым действием — событием.

Аудитория: «…» в строке события → «Создать аудиторию». В настройках уже выбраны условие «хотя бы одно», источник — сайт и событие, период — 365 дней. При необходимости добавляют другие условия и сохраняют.

Доступ к своему пикселю

Два способа:

• Доступ на чтение: адресат использует пиксель в своих кампаниях и видит статистику, но не меняет его. Ссылку на доступ владелец отправляет сам.
• Доступ на редактирование: то же плюс редактирование; адресат отправляет запрос на доступ. Кабинет, которому выдан такой доступ, в кабинете владельца не отображается.

Выдать доступ на чтение:

• «Конверсии» → «Пиксели», у пикселя «Настроить».
• Вкладка «Доступы» → «Выдать доступ».
• Ввести ID кабинета (он в разделе «Настройки») и нажать «Выдать доступ».

В кабинете адресата должен быть заполнен контактный email в «Настройки»: на него придёт персональный ключ. Ключ можно скопировать и передать напрямую.

Активация ключа у адресата:

• «Аудитории» → вкладка «Аудитории».
• «…» рядом с «Создать аудиторию» → «Активировать внешнюю аудиторию».
• Ввести ключ. Если пришла ссылка, берут только часть после знака = (в примере справки ссылка вида https://ads.vk.ru/hq/pixels?sharingKey=…).
• Нажать «Активировать». Появится «Аудитории активированы», пиксель окажется в «Конверсии» → «Пиксели».

Статус «Данные не поступают» и проверка

Статус появляется, если пиксель настроен неверно или платформа ещё не получила достаточно данных за нужное время. Если всё сделано по инструкции, ждут: данные идут с задержкой до нескольких часов, и должно зафиксироваться несколько событий.

Проверка установки: открыть сайт, вызвать консоль (обычно F12), перейти во вкладку Network, в «Filters» набрать top-mail. Если видны строки tracker с ID пикселя, пиксель стоит верно. Код должен быть в пределах head или body как можно ближе к началу страницы: так он раньше загрузится и отправит данные о просмотре.