События ВКонтакте позволяют сегментировать аудиторию сайта для дальнейшего использования в рекламе, а с недавних пор можно увидеть часть конверсий в рекламном кабинете.
Собирать базу пользователей по выполненным событиям можно тремя основными способами:
- Создавать отдельный пиксель для каждого события;
- Передавать события (например, через Google Tag Manager)
- Настроить конверсии, позволяющие видеть конверсии в рекламном кабинете.
Каждый из этих способов мы рассмотрим в данной статье.
Создание отдельного пикселя для каждого события
Самый простой способ, который позволяет создавать аудитории в случае, если пользователь выполнит определенное действие, то только в этом случае пиксель загружается и как следствие пользователь попадает в эту аудиторию.
Создание пикселя
Выполнить задачу можно перейдя в рекламный кабинет во вкладку «Ретаргетинг»-«Пиксели» и создаем новый.
Даем новому пикселю понятное название, после чего выбираем категорию и создаем.
Копируем код пикселя и после переходим в интерфейс Google Tag Manager.
Настройка GTM
В интерфейсе GTM в первую очередь создаем триггер, по которому будет фиксироваться нужное действие. Например, в случае с покупкой в интернет-магазине это может быть посещение страницы благодарности.
Далее даем ему понятное название и переходим к выбору типа.
В случае с посещением страницы подойдет «Просмотр страницы».
Теперь выбираем активацию, когда идет загрузка страницы, содержащей site.ru/thanks-page.
Далее переходим в «Теги» и кликаем на «Создать».
Даем тегу название и выбираем его тип.
В случае с ВКонтакте потребуется выбрать «Пользовательский HTML».
Копируем код пикселя ВКонтакте и переходим к выбору триггера.
Выбираем ранее созданный триггер посещения страницы благодарности.
Сохраняем тег.
Публикуем новую версию, все готово.
Однако, если же требуется подгружать пиксель лишь в том, случае, когда, например, пользователь кликает по конкретной кнопке, то требуется перейти на нужную страницу сайта, после чего нажать правой клавиши мыши и выбрать «Посмотреть код».
В открывшейся консоли находим нужный элемент и находим ID кнопки (или class, если нет ID) и копируем его.
В этой ситуации в качестве триггера потребуется использовать «Клик – Все элементы» и выбрать активацию по Click ID содержащий abc.
Создание аудитории
Для того, чтобы использовать данный пиксель в рекламе потребуется перейти в кабинет ВКонтакте «Ретаргетинг»-«Аудитории».
Далее заполняем:
- Название (необходимо для навигации);
- Выбираем нужный пиксель;
- Правило: «Все посетители сайта»;
- Период, который нам интересен.
Все готово.
Передача кастомных событий в пиксель ВКонтакте
Подключение библиотеки и инициализация пикселя
Для передачи данных о событии в пиксель VKontakte потребуется подключить библиотеку JS API при помощи кода
<script src=’https://vk.com/js/api/openapi.js?162′></script>
Далее требуется инициировать передачу события в нужный пиксель, сделать это можно при помощи кода:
Выполнить эту задачу можно создав тег с типом «Пользовательский HTML» и в качестве триггера выбрав «All Pages» и просто загрузив код.
Вместо VK-PIXEL-ID потребуется указать ID пикселя VK, найти который можно если перейти в его редактирование.
И скопировав значение чуть ниже кода.
Пример в GTM.
Подгрузка кода события
Теперь потребуется подгрузить тег с кодом события, который позволит передать данные о пользователе в пиксель ВКонтакте. Для этого используем код.
<script>VK.Retargeting.Event(‘eventname’);</script>
Где eventname — это название события, по которому в дальнейшем будет создаваться аудитория. Может быть любым, но лучше давать понятное название.
Например, для отслеживания клика по кнопке «Добавить в корзину» будем использовать код:
<script>VK.Retargeting.Event(‘addtocart’);</script>
Все готово, теперь при выполнении нужного действия в пиксель будет передаваться нужное событие.
Как и в первой части инструкции для того, чтобы активировать код в определенное действие следует подробнее ознакомиться с триггерами Google Tag Manager.
Создание аудитории на основе событий
Сделать это можно также кликнув на кнопку «Создать».
После даем название аудитории, выбираем нужный пиксель (куда передавалось событие) и в качестве правила используем «Пользователи, посетившие определенные страницы».
Теперь выбираем в правиле «Событие содержит» (также доступно «Совпадает») и прописываем название события (в примере это addtocart).
Все готово, аудитория, которая выполнила действие будет собираться.
Настройка конверсий для пикселя ВКонтакте и их использование
Настройка конверсии
В случае с конверсиями потребуется использовать ту же инструкцию, что и выше, единственная разница следует использовать код вида:
Где:
- 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= ценность.
Дополнительные преимущества
После настройки конверсий можно будет в детализации отчета (статистики) увидеть данные не только по кликам и цене за клик, но и:
- Количество выполненных конверсий;
- Ценности конверсий;
- CR (коэффициент конверсии);
- ROAS (рентабельность инвестиций в рекламу).
Подписывайтесь на наш канал в Яндекс.Дзен
Подписывайтесь на наш Telegram-канал
Подписывайтесь на наш Youtube-канал
Подписывайтесь на нашу группу ВКонтакте
Здравствуйте! Спасибо за статью!
Я пытаюсь настраивать отслеживание конверсий для таргетированной рекламы Вконтакте по вашей статье. Обнаружила, что в разделе «Настройка конверсий» пропущен код после фразы «В случае с конверсиями потребуется использовать ту же инструкцию, что и выше, единственная разница следует использовать код вида:»
Добавьте, пожалуйста!
Добрый день, спасибо за обратную связь, чуть ниже указан код для конверсии для примера:
VK.Goal('purchase', {value:10});
Ильхом, а если цель — конверсии, а не покупки? Вот такой код тега у меня не сработал: VK.Goal(‘conversion’)
Добрый день, в данном случае я бы рекомендовал использовать уже созданные и классифицированные конверсии, так как это позволяет в дальнейшем просто смотреть статистику.
…обернутый в тег script, разумеется
Вопрос: Ставим событие: VK.Goal(‘conversion’). Как алгоритм вк поймет, что мы имели в виду под конверсией?
Пример: нужно за конверсию считать нажатие на кнопку: «регистрация» на сайте. Как это можно реализовать?
Добрый день, спасибо за обратную связь, в данном случае лучше всего использовать конверсию VK.Goal(‘complete_registration’).
здравствуйте, спасибо за статью! Подскажите пожалуйста, для того, чтобы успешно оптимизировать рекламу под определенную конверсию на сайте и аудитория собиралась, нам нужно вставить оба кода: и vk.goal и vk.retargeting? Заранее спасибо))
Добрый день, спасибо за обратную связь, лучше всего использовать оба.