События ВКонтакте позволяют сегментировать аудиторию сайта для дальнейшего использования в рекламе, а с недавних пор можно увидеть часть конверсий в рекламном кабинете.
Собирать базу пользователей по выполненным событиям можно тремя основными способами:
- Создавать отдельный пиксель для каждого события;
- Передавать события (например, через Google Tag Manager)
- Настроить конверсии, позволяющие видеть конверсии в рекламном кабинете.
Каждый из этих способов мы рассмотрим в данной статье.
Создание отдельного пикселя для каждого события
Самый простой способ, который позволяет создавать аудитории в случае, если пользователь выполнит определенное действие, то только в этом случае пиксель загружается и как следствие пользователь попадает в эту аудиторию.
Создание пикселя
Выполнить задачу можно перейдя в рекламный кабинет во вкладку «Ретаргетинг»-«Пиксели» и создаем новый.
![Создание пикселя в рекламном кабинете ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/1-56-1024x321.png)
Даем новому пикселю понятное название, после чего выбираем категорию и создаем.
![Создание пикселя для отдельной аудитории в рекламном аккаунте ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/2-12.png)
Копируем код пикселя и после переходим в интерфейс Google Tag Manager.
![Созданный пиксель для отдельной аудитории в рекламном аккаунте ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/3-12.png)
Настройка GTM
В интерфейсе GTM в первую очередь создаем триггер, по которому будет фиксироваться нужное действие. Например, в случае с покупкой в интернет-магазине это может быть посещение страницы благодарности.
![Создание нового триггера в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/4-10-1024x589.png)
Далее даем ему понятное название и переходим к выбору типа.
![Переход к выбору типа триггера в GTM](https://seopulses.ru/wp-content/uploads/2020/12/5-10-1024x364.png)
В случае с посещением страницы подойдет «Просмотр страницы».
![Выбор типа триггера просмотр страницы в Google Менеджер Тегов](https://seopulses.ru/wp-content/uploads/2020/12/7-10-1024x722.png)
Теперь выбираем активацию, когда идет загрузка страницы, содержащей site.ru/thanks-page.
![Настройка триггера на посещение страницы в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/8-7-1024x447.png)
Далее переходим в «Теги» и кликаем на «Создать».
![Создание нового тега в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/9-7-1024x605.png)
Даем тегу название и выбираем его тип.
![Переход к выбору нового типа тега в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/10-7-1024x630.png)
В случае с ВКонтакте потребуется выбрать «Пользовательский HTML».
![Выбор типа тега пользовательский HTML в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/11-6.png)
Копируем код пикселя ВКонтакте и переходим к выбору триггера.
![Переход к выбору триггера для нового тега в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/12-5.png)
Выбираем ранее созданный триггер посещения страницы благодарности.
![Выбор нужно триггера для тега в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/13-5.png)
Сохраняем тег.
![Сохранение тега для создания аудитории ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/14-5.png)
Публикуем новую версию, все готово.
![Публикация новой версии Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/15-3-1024x524.png)
Однако, если же требуется подгружать пиксель лишь в том, случае, когда, например, пользователь кликает по конкретной кнопке, то требуется перейти на нужную страницу сайта, после чего нажать правой клавиши мыши и выбрать «Посмотреть код».
![Просмотр кода на сайте](https://seopulses.ru/wp-content/uploads/2020/12/16-3-1024x652.png)
В открывшейся консоли находим нужный элемент и находим ID кнопки (или class, если нет ID) и копируем его.
![Просмотр кода сайта на кнопке оформить заказ](https://seopulses.ru/wp-content/uploads/2020/12/17-3-1024x544.png)
В этой ситуации в качестве триггера потребуется использовать «Клик – Все элементы» и выбрать активацию по Click ID содержащий abc.
![Выбор типа триггера клик по всем элементам в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/18-4-1024x713.png)
![Выбор типа триггера клик по ID в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2020/12/19-3-1024x451.png)
Создание аудитории
Для того, чтобы использовать данный пиксель в рекламе потребуется перейти в кабинет ВКонтакте «Ретаргетинг»-«Аудитории».
![Создание аудитории в рекламной кампании ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/20-2-1024x264.png)
Далее заполняем:
- Название (необходимо для навигации);
- Выбираем нужный пиксель;
- Правило: «Все посетители сайта»;
- Период, который нам интересен.
Все готово.
![Созданная аудитория покупателей в рекламном кабинете ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/21-2-1024x264.png)
Передача кастомных событий в пиксель ВКонтакте
Подключение библиотеки и инициализация пикселя
Для передачи данных о событии в пиксель VKontakte потребуется подключить библиотеку JS API при помощи кода
<script src=’https://vk.com/js/api/openapi.js?162′></script>
Далее требуется инициировать передачу события в нужный пиксель, сделать это можно при помощи кода:
VK.Retargeting.Init('VK-PIXEL-ID');
Выполнить эту задачу можно создав тег с типом «Пользовательский HTML» и в качестве триггера выбрав «All Pages» и просто загрузив код.
![Подключение библиотеки JS для событий ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/22-2-1024x836.png)
Вместо VK-PIXEL-ID потребуется указать ID пикселя VK, найти который можно если перейти в его редактирование.
![Переход в редактирование пикселя ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/23-2-1024x354.png)
И скопировав значение чуть ниже кода.
![Создание нового пикселя ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/24-2.png)
Пример в GTM.
![Добавление списка пользователей в пиксель ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/25-2-1024x803.png)
Подгрузка кода события
Теперь потребуется подгрузить тег с кодом события, который позволит передать данные о пользователе в пиксель ВКонтакте. Для этого используем код.
<script>VK.Retargeting.Event(‘eventname’);</script>
Где eventname — это название события, по которому в дальнейшем будет создаваться аудитория. Может быть любым, но лучше давать понятное название.
Например, для отслеживания клика по кнопке «Добавить в корзину» будем использовать код:
<script>VK.Retargeting.Event(‘addtocart’);</script>
![Конверсия добавление в корзину пикселя ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/26-2-1024x809.png)
Все готово, теперь при выполнении нужного действия в пиксель будет передаваться нужное событие.
Как и в первой части инструкции для того, чтобы активировать код в определенное действие следует подробнее ознакомиться с триггерами Google Tag Manager.
Создание аудитории на основе событий
Сделать это можно также кликнув на кнопку «Создать».
![Добавление аудитории на основе события ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/27-2-1024x201.png)
После даем название аудитории, выбираем нужный пиксель (куда передавалось событие) и в качестве правила используем «Пользователи, посетившие определенные страницы».
Теперь выбираем в правиле «Событие содержит» (также доступно «Совпадает») и прописываем название события (в примере это addtocart).
![Создание аудитории на основе добавления в корзину VKontakte](https://seopulses.ru/wp-content/uploads/2020/12/28-2.png)
Все готово, аудитория, которая выполнила действие будет собираться.
Настройка конверсий для пикселя ВКонтакте и их использование
Настройка конверсии
В случае с конверсиями потребуется использовать ту же инструкцию, что и выше, единственная разница следует использовать код вида:
VK.Goal('purchase', {value:10});
Где:
- 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 | Конверсия |
Проверка настройки событий
Для этого переходим нужный сайт и открываем меню правым кликом мыши, после чего выбираем «Просмотреть код».
![Проверка кода страницы сайта](https://seopulses.ru/wp-content/uploads/2020/12/29-2-1024x774.png)
В консоли разработчика переходим во вкладку Network и в поле Filter вводим значение rtrg.
![Проверка конверсий ВКонтакте на сайте](https://seopulses.ru/wp-content/uploads/2020/12/30-2-1024x726.png)
Если все указано верно, то можно увидеть в качестве c= наименование конверсии, а v= ценность.
![Проверка событий ВКонтакте на сайте](https://seopulses.ru/wp-content/uploads/2020/12/30-1024x214.jpg)
Дополнительные преимущества
После настройки конверсий можно будет в детализации отчета (статистики) увидеть данные не только по кликам и цене за клик, но и:
- Количество выполненных конверсий;
- Ценности конверсий;
- CR (коэффициент конверсии);
- ROAS (рентабельность инвестиций в рекламу).
![Статистика по конверсиям в рекламном кабинете ВКонтакте](https://seopulses.ru/wp-content/uploads/2020/12/29-1024x181.jpg)
Подписывайтесь на наш канал в Яндекс.Дзен
Подписывайтесь на наш Telegram-канал
Подписывайтесь на наш Youtube-канал
Подписывайтесь на нашу группу ВКонтакте
Здравствуйте! Спасибо за статью!
Я пытаюсь настраивать отслеживание конверсий для таргетированной рекламы Вконтакте по вашей статье. Обнаружила, что в разделе «Настройка конверсий» пропущен код после фразы «В случае с конверсиями потребуется использовать ту же инструкцию, что и выше, единственная разница следует использовать код вида:»
Добавьте, пожалуйста!
Добрый день, спасибо за обратную связь, чуть ниже указан код для конверсии для примера:
VK.Goal('purchase', {value:10});
Ильхом, а если цель — конверсии, а не покупки? Вот такой код тега у меня не сработал: VK.Goal(‘conversion’)
Добрый день, в данном случае я бы рекомендовал использовать уже созданные и классифицированные конверсии, так как это позволяет в дальнейшем просто смотреть статистику.
…обернутый в тег script, разумеется
Вопрос: Ставим событие: VK.Goal(‘conversion’). Как алгоритм вк поймет, что мы имели в виду под конверсией?
Пример: нужно за конверсию считать нажатие на кнопку: «регистрация» на сайте. Как это можно реализовать?
Добрый день, спасибо за обратную связь, в данном случае лучше всего использовать конверсию VK.Goal(‘complete_registration’).
здравствуйте, спасибо за статью! Подскажите пожалуйста, для того, чтобы успешно оптимизировать рекламу под определенную конверсию на сайте и аудитория собиралась, нам нужно вставить оба кода: и vk.goal и vk.retargeting? Заранее спасибо))
Добрый день, спасибо за обратную связь, лучше всего использовать оба.