События и конверсии для пикселя ВКонтакте: настройка и использование

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

Собирать базу пользователей по выполненным событиям можно тремя основными способами:

  1. Создавать отдельный пиксель для каждого события;
  2. Передавать события (например, через Google Tag Manager)
  3. Настроить конверсии, позволяющие видеть конверсии в рекламном кабинете.

Каждый из этих способов мы рассмотрим в данной статье.

Создание отдельного пикселя для каждого события

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

Создание пикселя

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

Создание пикселя в рекламном кабинете ВКонтакте

Даем новому пикселю понятное название, после чего выбираем категорию и создаем.

Создание пикселя для отдельной аудитории в рекламном аккаунте ВКонтакте

Копируем код пикселя и после переходим в интерфейс Google Tag Manager.

Созданный пиксель для отдельной аудитории в рекламном аккаунте ВКонтакте

Настройка GTM

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

Создание нового триггера в Google Tag Manager

Далее даем ему понятное название и переходим к выбору типа.

Переход к выбору типа триггера в GTM

В случае с посещением страницы подойдет «Просмотр страницы».

Выбор типа триггера просмотр страницы в Google Менеджер Тегов

Теперь выбираем активацию, когда идет загрузка страницы, содержащей site.ru/thanks-page.

Настройка триггера на посещение страницы в Google Tag Manager

Далее переходим в «Теги» и кликаем на «Создать».

Создание нового тега в Google Tag Manager

Даем тегу название и выбираем его тип.

Переход к выбору нового типа тега в Google Tag Manager

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

Выбор типа тега пользовательский HTML в Google Tag Manager

Копируем код пикселя ВКонтакте и переходим к выбору триггера.

Переход к выбору триггера для нового тега в Google Tag Manager

Выбираем ранее созданный триггер посещения страницы благодарности.

Выбор нужно триггера для тега в Google Tag Manager

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

Сохранение тега для создания аудитории ВКонтакте

Публикуем новую версию, все готово.

Публикация новой версии Google Tag Manager

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

Просмотр кода на сайте

В открывшейся консоли находим нужный элемент и находим ID кнопки (или class, если нет ID) и копируем его.

Просмотр кода сайта на кнопке оформить заказ

В этой ситуации в качестве триггера потребуется использовать «Клик – Все элементы» и выбрать активацию по Click ID содержащий abc.

Выбор типа триггера клик по всем элементам в Google Tag Manager
Выбор типа триггера клик по ID в Google Tag Manager

Создание аудитории

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

Создание аудитории в рекламной кампании ВКонтакте

Далее заполняем:

  • Название (необходимо для навигации);
  • Выбираем нужный пиксель;
  • Правило: «Все посетители сайта»;
  • Период, который нам интересен.

Все готово.

Созданная аудитория покупателей в рекламном кабинете ВКонтакте

Передача кастомных событий в пиксель ВКонтакте

Подключение библиотеки и инициализация пикселя

Для передачи данных о событии в пиксель VKontakte потребуется подключить библиотеку JS API при помощи кода

<script src=’https://vk.com/js/api/openapi.js?162′></script>

Далее требуется инициировать передачу события в нужный пиксель, сделать это можно при помощи кода:

Выполнить эту задачу можно создав тег с типом «Пользовательский HTML» и в качестве триггера выбрав «All Pages» и просто загрузив код.

Подключение библиотеки JS для событий ВКонтакте

Вместо VK-PIXEL-ID потребуется указать ID пикселя VK, найти который можно если перейти в его редактирование.

Переход в редактирование пикселя ВКонтакте

И скопировав значение чуть ниже кода.

Создание нового пикселя ВКонтакте

Пример в GTM.

Добавление списка пользователей в пиксель ВКонтакте

Подгрузка кода события

Теперь потребуется подгрузить тег с кодом события, который позволит передать данные о пользователе в пиксель ВКонтакте. Для этого используем код.

<script>VK.Retargeting.Event(‘eventname’);</script>

Где eventname  — это название события, по которому в дальнейшем будет создаваться аудитория. Может быть любым, но лучше давать понятное название.

Например, для отслеживания клика по кнопке «Добавить в корзину» будем использовать код:

<script>VK.Retargeting.Event(‘addtocart’);</script>

Конверсия добавление в корзину пикселя ВКонтакте

Все готово, теперь при выполнении нужного действия в пиксель будет передаваться нужное событие.

Как и в первой части инструкции для того, чтобы активировать код в определенное действие следует подробнее ознакомиться с триггерами Google Tag Manager.

Создание аудитории на основе событий

Сделать это можно также кликнув на кнопку «Создать».

Добавление аудитории на основе события ВКонтакте

После даем название аудитории, выбираем нужный пиксель (куда передавалось событие) и в качестве правила используем «Пользователи, посетившие определенные страницы».

Теперь выбираем в правиле «Событие содержит» (также доступно «Совпадает») и прописываем название события (в примере это addtocart).

Создание аудитории на основе добавления в корзину VKontakte

Все готово, аудитория, которая выполнила действие будет собираться.

Настройка конверсий для пикселя ВКонтакте и их использование

Настройка конверсии

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

Где:

  • purchase — это нужное действие из таблицы ниже;
  • value — ценность конверсии.

Важно! Необходимо заменить value (ценность конверсии) на собственное значение.

Дополнительно разрешается использовать только предусмотренные типы конверсий. Полный список:

СобытиеОписание
add_to_cartдобавление товара в корзину
add_to_wishlistДобавление товара в список желаний
customize_productПросмотр сведений товара
initiate_checkoutНачало оформления заказа
add_payment_infoЗаполнение платежной информации во время оформления заказа
purchaseПокупка
contactПолучен контакт (обращение пользователя), например, обращение в чат
leadЛид
scheduleЗапись на прием
complete_registrationЗавершенная регистрация
submit_applicationПодача заявки
start_trialНачало использования бесплатного периода
subscribeОформление подписки
page_viewПросмотр страницы
view_contentПросмотр контента
searchИспользование поиска
find_locationПоиск местонахождения
donateПожертвование средств
conversionКонверсия

Проверка настройки событий

Для этого переходим нужный сайт и открываем меню правым кликом мыши, после чего выбираем «Просмотреть код».

Проверка кода страницы сайта

В консоли разработчика переходим во вкладку Network и в поле Filter вводим значение rtrg.

Проверка конверсий ВКонтакте на сайте

Если все указано верно, то можно увидеть в качестве c= наименование конверсии, а v= ценность.

Проверка событий ВКонтакте на сайте

Дополнительные преимущества

После настройки конверсий можно будет в детализации отчета (статистики) увидеть данные не только по кликам и цене за клик, но и:

  1. Количество выполненных конверсий;
  2. Ценности конверсий;
  3. CR (коэффициент конверсии);
  4. ROAS (рентабельность инвестиций в рекламу).
Статистика по конверсиям в рекламном кабинете ВКонтакте

Подписывайтесь на наш канал в Яндекс.Дзен

Подписывайтесь на наши социальные сети

Комментарии 5

  • Здравствуйте! Спасибо за статью!

    Я пытаюсь настраивать отслеживание конверсий для таргетированной рекламы Вконтакте по вашей статье. Обнаружила, что в разделе «Настройка конверсий» пропущен код после фразы «В случае с конверсиями потребуется использовать ту же инструкцию, что и выше, единственная разница следует использовать код вида:»

    Добавьте, пожалуйста!

  • …обернутый в тег script, разумеется

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (5 оценок, среднее: 5,00 из 5)
Загрузка...