События для пикселя VK Рекламы

23 марта, 2023

В двух предыдущих материалах мы с вами разобрали различные способы установки пикселя VK Рекламы на сайт, а также узнали, какие события он отслеживает автоматически. Это руководство посвящено настройке собственных событий.

Пользовательские события (они же специальные или целевые) - это события, которые вы сами создаете для решения конкретных задач. Они являются наиболее гибкими в настройке, поскольку вы сами определяете, что и где отслеживать, как назвать такое событие и какую ценность в денежном выражении ему назначить.

Поскольку пиксель VK Рекламы, фактически, является кодом счетчика Top@Mail.ru, то и условия создания целевого события имеют точно такие же настройки и способы отслеживания. Просто сравните список целевых действий пикселя VK Рекламы и условие достижения целей в счетчике top.mail.ru:

События в VK Рекламе и цели в счетчик top.mail.ru

Как видите, они одинаковые, только чуть отличаются названия.

Добавить событие

Чтобы создать собственное событие, в кабинете VK Рекламы откройте раздел Сайты и напротив нужного пикселя нажмите на Настройка:

Настройка

Перейдите на вкладку События и нажмите Добавить событие:

События - Добавить событие

Категория

Выберите категорию события - она будет влиять на то, как оптимизируется ваша реклама.

Категории событий

В этом списке:

  1. Покупка
  2. Подписка
  3. Пожертвование
  4. Оформление заявки (лид)
  5. Завершение оформления заказа
  6. Добавление платежной информации
  7. Начало оформления заказа
  8. Контакт
  9. Добавление в корзину
  10. Планирование времени посещения
  11. Начала пробного периода
  12. Поиск офлайн точек
  13. Добавление в список желаний
  14. Регистрация
  15. Пользовательские конверсии
  16. Поиск
  17. Персонализация товара
  18. Просмотр карточки товара
  19. Просмотр списка товаров
  20. Просмотр информационных материалов

В примечании к категории написано, что выбранный тип влияет на оптимизацию эффективности ваших рекламных кампаний:

Выбор категории влияет на оптимизацию?

Возможно, при создании события кого-то из рекламодателей такая формулировка введет в заблуждение или вызовет дополнительные вопросы, поскольку под "оптимизацией эффективности" может подразумеваться все, что угодно, даже автоматическое изменение таргетинга, показа рекламы на площадках, приоритета показа креативов без вашего участия. Но это не так. В оптимизации и настройках ваших рекламных кампаний ничего не поменяется.

Категория для события нужна исключительно для улучшения алгоритмов самой VK Рекламы, чтобы разработчики компании могли совершенствовать механизмы отслеживания, таргетинги, показы, ориентируясь на статистику полученных событий рекламодателей, а также для хранения и учета этих данных в собственных (внутренних) базах организации с целью последующего их анализа и построения различных маркетинговых исследований.

Важно: при создании рекламы вы можете выбрать для оптимизации все категории, кроме просмотра материалов и пользовательских конверсий. Обязательно учитывайте это при создании своего события.

Название

Для каждого создаваемого события обязательно нужно задать название:

Пример названия события

Ценность события

Вы также можете указать ценность данного события (необязательно), его денежный эквивалент в валюте:

Пример ценности события

Обычно назначается величина вашей прибыли от совершения данного события или хотя бы выручка (если неизвестно первое). Например, для события Покупка ценность может быть равна стоимости заказа на сайте. В остальных случаях расчет ценности события не такой простой и должен опираться на бизнес-показатели: конверсию сайта, процент конверсии из обращения в продажу, средний чек, маржинальность и т.д.

Допустим, вы знаете, что с каждой продажи вы зарабатываете 10 000 рублей. А для того, чтобы состоялась одна такая продажа, вам необходимо два события категории Покупка (то есть достижение двух таких событий на сайте - это реальная продажа). Значит, ценность события Покупка внутри пикселя VK Рекламы вы можете задать в размере 5 000 рублей. Перед тем, как совершить покупку, пользователь на сайте мог добавить товары в корзину. Например, 5 таких событий приводит к одной реальной продаже. Тогда ценность события Добавление в корзину будет составлять 2 000 рублей (10 000 / 5).

В течение своего визита посетитель помимо этого мог перейти на страницу контактов, чтобы уточнить информацию о вашей компании. Проведя анализ, вы узнали, что 20 таких переходов на страницу контактов приводят к одной реальной продаже. Тогда ценность события Контакт будет составлять 500 рублей (10 000 / 20). А если вам известны данные о том, что каждые 50 поисков на сайте приводят к продаже, тогда вы можете задать ценность события Поиск в размере 200 рублей (10 000 / 50).

Пример расчета ценности событий

Точно также вы можете рассчитать ценность события для любого другого действия на вашем сайте.

Если вы работали с другими рекламными сервисами и аналитическими инструментами (Яндекс.Директ, Google Analytics и т.д.), то наверняка видели точно такую же настройку. Где-то это была ценность события, где-то указывалась ценность цели и т.д. Ценность события - это не новая функция в VK Рекламе. Аналогичным образом вы могли задавать ценность для целей счетчика Top@Mail.ru.

Ценность цели в счетчике top.mail.ru

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

Теперь давайте разберем какие пользовательские события вы можете создать в пикселе VK Рекламы.

События VK Рекламы

В интерфейсе пикселя это называется условием наступления. На момент написания этой статьи доступно 7 вариантов событий:

Условие наступления события

  1. Посещение страниц
  2. Переход с сайта
  3. JS событие
  4. Количество просмотренных страниц
  5. Время пребывания на сайте
  6. Глубина сессии
  7. Продолжительность сессии
Посещение страниц

Чтобы это событие сработало, вам необходимо указать URL-адрес или его часть (например, checkout) в поле Url содержит:

Пример условия посещения страницы

Как только пользователь перейдет на страницу с заданным условием, пиксель VK Рекламы зарегистрирует это событие.

Переход с сайта

Если вы хотите отследить тех, кто пришел к вам на сайт с другого (конкретного) сайта, домен которого отличается от вашего (так называемый referrer), то используйте это условие. Например, вы разместили на каком-нибудь сайте платный материл (статью), и хотите отследить количество переходов с этого сайта на ваш. Тогда вы можете создать событие Переход с сайта, указав в поле Url содержит домен, ссылающийся на вас, или страницу:

Пример ссылающегося домена

Пиксель VK Рекламы использует для определения этого события JS-команду document.referrer. Событие будет зарегистрировано в тот момент, когда пользователь перейдет с другого сайта на ваш и его реферер будет содержать заданное условие наступления.

Данный тип события может быть полезен и при отслеживании переходов от ваших партнеров, например, когда у вас есть партнерская программа.

Количество просмотренных страниц

Если вы хотите отследить событие после просмотра пользователем определенного количества страниц, независимо от количества сессий, которые он совершил на вашем сайте, то укажите это число в поле Выберите количество страниц:

Пример количества страниц

Данное событие может быть использовано для сегментации (вычленения) пользователей, поскольку просмотр N страниц может свидетельствовать о лучшей вовлеченности посетителей в ваш контент и помочь в дальнейшем оптимизировать рекламу с учетом заданного критерия. Количество просмотренных страниц подойдет как для информационных сайтов (новостной портал, обучающая платформа, блог), так и для коммерческих проектов (интернет-магазин). Исключением может стать сайт-одностраничник, поскольку на нем нет никаких других страниц, и перемещение по навигации на другие страницы невозможно.

Время пребывания на сайте

Если общее время пребывания пользователя превосходит заданное в поле значение (в секундах), независимо от сессий, то пиксель VK Рекламы зарегистрирует такое событие:

Пример условия (в секундах)

Глубина сессии

В отличие от события Количество просмотренных страниц, где учитывается суммарное количество просмотренных страниц вне зависимости от числа сессий пользователей, с помощью события Глубина сессии вы можете отследить сколько страниц посетитель просмотрел в рамках одной сессии! на сайте. То есть открыл сайт, посмотрел сколько-то страниц, закрыл вкладку и через какое-то время до сервера VK дошло, что пользователь на сайте не сидит. Значит сессия завершена и событие сработает.

Для этого в поле Глубина посещения по сеансам задайте целое число:

Пример глубины посещений по сеансам

Но остается только неясным одно - что такое сессия в VK Рекламе?

Сессия

Сессия - это пребывание на сайте, которое считается завершенным после 30 минут бездействия. Фактически, считается так же, как в других аналитических инструментах - Яндекс.Метрике, Google Analytics. Если пользователь перешел по рекламе на ваше сайт, походил по разным страницам, потом на час отошел, вернулся и погулял по страницам сайта еще немного, то одна сессия у него закончится и начнется новая, а вот продолжительность пребывания на сайте будет продолжать считаться.

Продолжительность сессии

Аналогично предыдущему событию расчет идет в рамках одной сессии пользователя! Сколько пользователь провел времени на сайте за одну сессию. Задав это значение в поле Продолжительность сессии, пиксель VK Рекламы будет регистрировать событие по достижению этого времени. Задается в секундах:

Пример продолжительности сессии (в секундах)

Примечание: в пикселе VK Рекламы есть схожее событие Время пребывания на сайте. Отличается оно от продолжительности сессии тем, что время пребывания на сайте учитывает суммарное время, проведенное пользователем на вашем сайте, независимо от сессий. А продолжительность сессии рассчитывается исходя из сессий.

JS событие

Если вам необходимо отследить произвольные взаимодействия пользователей с любыми элементами на странице вашего сайта, то решение одно - использовать JS событие.

Примеры событий, которые вы можете отслеживать с помощью данного условия наступления: клик по конкретной кнопке, отправка формы без перезагрузки страницы, отправка данных о транзакции, отслеживание звонков, просмотр видео, подписка на рассылку, скроллинг страницы, пролистывание галереи с фотографиями, переключение чек-боксов или любых других элементов, клики по иконкам социальных сетей, открытие / закрытие всплывающих окон на сайте, отслеживание действий в онлайн-консультантах, чатах (JivoSite, Callbackhunter, Venyoo, Talk-Me и т.д.), отслеживание событий, которые активируются после определенного времени или действия (например, увел курсор мыши с объекта).

Это самый гибкий и функциональный способ отслеживания всего и вся на вашем сайте. При создании события такого типа вам необходимо задать Наименование цели (=идентификатор цели). Рекомендуется использовать латинские буквы и/или цифры:

Пример наименования цели для JS события

Это значение подставляется в параметр goal и вместе с ним отображается итоговая конструкция, которую вам необходимо добавить в исходный код страницы на отслеживаемый элемент. Раскрыв примеры, вы можете увидеть различные конструкции кода, которые вы должны использовать в зависимости от способа срабатывания.

Примеры кодов для JS события

Среди них представлены такие способы отслеживания:

  • отправка события при загрузке страницы;
  • отправка события при клике на кнопку;
  • вызов события из браузера без базового кода (там, где нет возможности использовать полный код счетчика top.mail.ru);
  • отправка события как офлайн-действия с использование параметра USERID (например, когда пользователь что-то купил в вашем офлайн-магазине и вам требуется отправить офлайн-конверсию в пиксель VK Рекламы);
События электронной коммерции

В пикселе VK Рекламы для категорий Просмотр карточки товара, Добавление в корзину и Покупка у вас есть возможность передавать дополнительные параметры для динамического ремаркетинга. Чтобы посмотреть примеры таких конструкций, в списке условий наступления выберите JS событие и переключитесь на вкладку Код для электронной коммерции:

Пример кода для электронной коммерции

Если у вас интернет-магазин с n-ым количеством товаров, то вы можете дополнительно с событием динамически передавать идентификатор конкретного товара, купленного или добавленного в корзину (параметр PRODUCT_ID), а также его стоимость (параметр VALUE). Для этого требуются знания программирования (=разработчик), либо же использование уже вам известного Google Tag Manager.

В качестве примера настроим простое JS событие на клик по кнопке одного из моих тестовых сайтов:

Пример отслеживания клика по кнопке с помощью JS события

Для этого создадим пользовательское событие с категорией Добавление в корзину, поскольку этот вариант подходит нам ближе всего. Можно было выбрать категорию Пользовательские конверсии. Но как вы уже знаете, при создании рекламы вы не сможете использовать для оптимизации эту категорию, поэтому остановимся на таком выборе.

Название события зададим как Клик по зеленой кнопке, а ценность события указывать не будем.

JS событие на клик по кнопке

Условие наступления - JS событие, а наименование цели - clickGreenButton (пример, вы можете задать другое название):

Наименование цели

Чтобы событие клика по кнопке было зарегистрировано и отправлено в пиксель VK Рекламы, необходимо на отслеживаемый элемент (коим является зеленая кнопка на сайте) добавить нижеприведенную конструкцию:

, где 3157531 - идентификатор вашего пикселя VK Рекламы.

А исходя из примеров, нам больше всего подходит отправка события при клике на кнопку:

Пример отслеживания клика по кнопке при создании события

Но целиком копировать этот код не нужно, потому что это всего лишь пример (абстрактный), и для вашего сайта он работать не будет. Это ориентир, то, как может выглядеть отслеживание клика по кнопке. Вы можете взять за основу этот код и отправить техническое задание разработчику с просьбой разметить вашу кнопку по образу и подобию. Но окончательный код для каждого проекта будет индивидуален.

Для отслеживания клика по зеленой кнопке нам необходимо:

  • найти нужный элемент на странице;
  • вручную добавить к нему дополнительный код события из пикселя VK Рекламы.

Чтобы найти нужный элемент, воспользуемся консолью разработчика и проинспектируем зеленую кнопку. Сделать это можно с помощью вызова контекстного меню (правой кнопкой мыши) и исследования/инспектирования элемента:

Инспектирование элемента (на примере в браузере Google Chrome)

Код зеленой кнопки найден. Сюда необходимо вставить конструкцию события для передачи данных в пиксель VK Рекламы. Ее код мы уже знаем:

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

  • с помощью разработчика;
  • с использованием Google Tag Manager;

Давайте рассмотрим оба варианта.

Добавление события с помощью разработчика

Когда у вас нет возможности самостоятельно добавить код в нужный элемент, тогда вам необходимо обратиться за помощью к программисту. Попросите его установить соответствующую конструкцию JS события, которую вы скопируете из интерфейса пикселя VK Рекламы, в нужное место на сайте.

В моем примере эту конструкцию требуется вставить в код зеленой кнопки в атрибут href с событием onclick, поскольку именно оно возникает при щелчке левой кнопкой мыши на элементе, к которому добавлен атрибут. К слову, в примере VK Рекламы написано точно так же, с onclick. В результате получится следующее:

Добавленная конструкция JS события GA4 на зеленую кнопку

Вся конструкция для отслеживания моей зеленой кнопки имеет вид:

Добавление события с использованием Google Tag Manager

Google Tag Manager - это система управления тегами, при помощи которой можно легко обновлять коды отслеживания на вашем сайте или в мобильном приложении. Вам не нужно прибегать за помощью к разработчику, поскольку все отслеживания и настройки вы будете выполнять сами в удобном интерфейсе.

Для отслеживания кликов по кнопкам с помощью диспетчера тегов вам необходимо:

  • определить уникальный идентификатор отслеживаемой кнопки;
  • настроить триггер с конкретным условием активации;
  • создать тег для пикселя VK Рекламы;
  • проверить корректность передачи данных;

В этом руководстве я бы не хотел подробно затрагивать тему отслеживания кликов по кнопкам (как это делать, какие триггеры использовать и т.д.) с помощью GTM, тем более, что весь процесс исчерпывающе описан в этой публикации. Предполагаю, что вы уже знакомы с этими действиями.

Пример триггера активации для зеленой кнопки

Определив уникальный идентификатор отслеживаемой кнопки и задав триггеру конкретное условие активации, создайте тег для пикселя VK Рекламы. Для этого перейдите в раздел Теги и выберите Пользовательский HTML. Скопировав конструкцию JS события из интерфейса VK Рекламы, вставьте ее в тег. Обязательно разместите код между тегами <script></script>, чтобы получилось вот так:

Тег для VK Рекламы

В качестве триггера активации задайте условие, которое вы определили для отслеживаемого элемента. Сохраните тег и опубликуйте контейнер GTM.

Аналогичным способом настраиваются и другие отслеживания на вашем сайте с помощью JS событий - отправка формы, скроллинг, просмотр видео, скачивание файла, клик по e-mail, номеру телефона и т.д.

Проверка передачи данных

Чтобы проверить, срабатывает ли ваше JS событие и поступают ли данные в пиксель, выполните его на сайте самостоятельно, а затем перейдите в интерфейс VK Рекламы. Если через некоторое время напротив вашего пользовательского события начнут отображаться данные, значит вы настроили JS событие правильно.

Поступление данных в пиксель VK Рекламы

Если данные не поступают даже спустя 30-60 минут после срабатывания, скорее всего, вы неверно добавили код.

Но есть и другой способ проверки, более быстрый и не менее эффективный - это консоль разработчика и вкладка Network (F12 для браузера Google Chrome). Откройте ее и активируйте ваше событие. Ниже на вкладке вы должны увидеть перечень поступающих запросов и загрузку различных скриптов, файлов, шрифтов и т.д. Среди них должна появится строка, содержащая tracker.js и идентификатор вашего пикселя VK Рекламы. Нажав на нее, вы должны увидеть запрос типа Request URL: https://top-fwz1.mail.ru/tracker?js=13;id=

Запрос с событием в консоли разработчика (вкладка Network)

В конце строки должен отображаться идентификатор события, который вы задали в интерфейсе пикселя. На скриншоте выше и для моего примера - это clickGreenButton. Если запрос содержит такие данные, значит через некоторое время они поступят в пиксель.

Примечание: для быстрого поиска запросов пикселя на вкладке Network в поле Filter введите его идентификатор. Тогда вы сможете оставить только те запросы, которые принадлежат вашему пикселю VK Рекламы.

Изменение события

Если вы желаете изменить название события или его категорию, вы можете отредактировать пользовательское событие, кликнув рядом с ним на иконку с тремя точками и выбрав Редактировать:

Редактирование события

Внесите необходимые изменения в событие и сохраните его. Наименование цели и Условие наступления после создания события отредактировать нельзя.

Оптимизация рекламных кампаний по событиям

При настройке рекламной кампании вы можете выбирать автоматические события в качестве целевого действия. Для этого создайте рекламную кампанию и в разделе Целевое действие выберете нужное событие:

Целевое действие - Конверсии

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

Получайте бесплатные уроки и фишки

По контекстной, таргетированной рекламе и аналитике