Как поставить пиксель вк через gtm
Перейти к содержимому

Как поставить пиксель вк через gtm

  • автор:

Установка и настройка пикселя ВКонтакте через GTM: пошаговая инструкция

27.04.2022

Сложность: средняя

4 мин.

1 797

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

Создание аккаунта и контейнера Google Tag Manager

Чтобы создать контейнер Google Tag Manager, заходим на сайт с помощью логина и пароля в Gmail, которые мы хотим использовать в дальнейшем для управления данным аккаунтом, и создаем новый аккаунт в Google Tag Manager (GTM).

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

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

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Желательно копировать текст кода в блокнот (txt файл), чтобы не потерять отдельные символы, не стоит пересылать код в тексте сообщений через мессенджеры, почту, соцсети, а также не нужно сохранять его в Word.

Установка кода Google Tag Manager на сайте рекламодателя

Установка кода Google Tag Manager на сайте рекламодателя

Если сами не знаете, где поставить код на сайте – отдайте его администратору сайта или программисту. В WordPress можно поставить его в редакторе файлов.

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

Например, на скриншоте в WordPress первый фрагмент кода размещается перед закрывающимся head:

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Второй фрагмент кода, надо ставить сразу после открывающегося тега :

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Сохраняем изменения и отравляемся проверять, нет ли у нас каких-то проблем с версткой. Если все ок, проверяем, корректно ли установлен GTM?

Сделать это можно при помощи просмотра кода страницы сайта, где стоит код контейнера.

Переходим на сайт:

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Нажимаем правую клавишу мыши, выбираем из выпадающего списка пункт «Исходный код страницы». После выбора варианта просмотра в виде кода, у нас открывается сайт в соответствующем представлении, и теперь в тексте кода можно найти фрагменты вставленного нами кода контейнера Google Tag Manager:

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Теперь, чтобы установить пиксель Вконтакте на сайте через GTM, нам нужно создать сам пиксель.

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

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

Процедура создания пикселя начинается с перехода в раздел “Ретаргетинг” рекламного кабинета Вконтакте, здесь нам нужен подраздел “Пиксели”. Чтобы сформировать код нового пикселя, нажмите кнопку “Создать пиксель”, укажите название пикселя, сайт, на который он будет установлен.

При создании пикселя вам будет доступен его код для установки на сайте. Код можно также скопировать в рекламном кабинете, выбрав свойство пикселя “Редактировать”.

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Чтобы добавить пиксель Вконтакте на ваш сайт через Google Tag Manager, зайдите в панель управления GTM и нажмите «Новый тег»

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Для установки пикселя Вконтакте в открывшемся окне нажмите ссылку «Конфигурация тега»:

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Из появившегося справа выпадающего списка выберите специальный тип тега «Пользовательский HTML»:

В появившемся окне вставляем код и указываем название тега (желательно понятное и простое):

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Далее открываем «Расширенные настройки» под окном ввода кода пикселя:

Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

И в пункте «Настройка активации тега» выбираем «Один раз на страницу».

Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Опускаемся ниже, в «Триггеры», в списке, появившемся справа после нажатия в разделе «Триггеры» мышью, указываем пункт «Все страницы или All Pages»

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

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

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Потом отправляем на публикацию:

Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

После этого на зеленом баннере появляется слово «Опубликованная версия».

Если вы ставите версию пикселя через GTM, можно разместить его в теге .

После всех действий в списке тегов у вас появится Вконтакте:

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Проверить корректность установки можно при помощи сервиса «Предварительный просмотр» в верхнем правом углу:

Указать url сайта:

И убедиться в корректности на странице сайта:

Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Если вы выполнили все действия правильно, после захода на сайт пользователей, зарегистрированных и залогиненных в социальной сети Вконтакте статус установленного на сайте пикселя в рекламном кабинете поменяется на “Работает”:

 Установка и настройка пикселя Вконтакте с помощью Google Tag Manager (GTM): пошаговая инструкция

Удачной вам настройки пикселей ВКонтакте!

Как настроить пиксель ретаргетинга «ВКонтакте» на сайте через Google Tag Manager

Первый материал из серии про установку пикселей соцсетей через GTM от Mello. В нем специалист по контекстной рекламе Андрей Моисеев подробно объяснил шаги для установки и проверки работоспособности пикселя «ВКонтакте» через Google Tag Manager.

Андрей Моисеев

Ещё больше полезных статей и смешных мемов в нашем Telegram-канале

Пиксель ретаргетинга «ВКонтакте» — это JavaScript-код, который можно установить в исходный код сайта для отслеживания действий посетителей. Как только пользователь заходит на страницу, пиксель ретаргетинга автоматически срабатывает и записывает информацию о посетителе и его действиях в базу данных.

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

Этапы установки пикселя во «ВКонтакте»

Порядок действий при установке через GTM состоит из нескольких этапов:

  • создание пикселя во «ВКонтакте».
  • публикация на сайте.
  • проверка работоспособности.

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

1. Во «ВКонтакте» переходим на вкладку «Реклама», расположенную на панели слева.

вкладка «Реклама»

2. Далее переходим на вкладку «Ретаргетинг».

вкладка с ретаргетингом

3. Выбираем вкладку «Пиксели».

пиксели

4. Нажимаем на кнопку «Создать пиксель».

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

5. Здесь нужно заполнить следующие поля:

Заполнение всех форм

  • название пикселя;
  • «Разрешенный домен» — домен сайта, на котором будет установлен пиксель (site.com, либо *site.com для поддоменов);
  • тематика сайта — необходимо выбрать из выпадающего списка.

6. Копируем код предоставленного пикселя, вставляем его в любой текстовый редактор и заходим в GTM.

Пример JavaScript-кода

Настройка пикселя в Google Tag Manager

7. В GTM выбираем нужный проект и переходим на вкладку «Теги». Сам тег необходим для размещения кода на странице сайта. Нажимаем на кнопку «Создать».

Создание тега

8. Для создания тега необходимо создать конфигурацию тега и триггер. Для начала создадим конфигурацию. Нажимаем на соответствующую рамку «Конфигурация тега». В выпадающем списке находим тип группы «Специальные» и выбираем «Пользовательский HTML». Данный тип тега позволит разместить HTML-код на странице сайта, например наш созданный пиксель.

Пользовательский HTML

9. Далее появится окно для вставки кода. Нажимаем на текстовое поле и вставляем скопированный код пикселя. После чего нам предстоит создать триггер. Жмем на рамку «Триггеры».

Вставка JavaScript-код

10. Чтобы код срабатывал на всех страницах сайта, необходимо создать условие, при котором JS-код будет срабатывать при просмотре страницы. Соответственно, по умолчанию, выбираем триггер «All Pages», он позволяет выполнить нужное действие.

Выбор триггера

11. Настройка почти завершена, осталось сохранить созданный тег и опубликовать его на сайте.

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

Контекстная, таргетированная реклама и веб-аналитика

В двух предыдущих материалах мы с вами разобрали различные способы установки пикселя 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 Рекламы, необходимо на отслеживаемый элемент (коим является зеленая кнопка на сайте) добавить нижеприведенную конструкцию:

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

Никита Кравченко

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

В этой статье мы разбираем настройку пикселя в старом рекламном кабинете ВКонтакте. Если вы ищете гайд по настройке пикселя в кабинете VK Рекламы, читайте наш другой материал.

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

Пиксель — JavaScript-код, который можно добавить на лид-форму, весь сайт или его отдельные страницы. Как только авторизованный ВКонтакте пользователь попадет на нужную страницу или совершит целевое действие на сайте и в приложении, пиксель автоматически это зафиксирует.

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

В этой статье мы разберем:

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

Если вам удобнее смотреть видео, этот урок есть на нашем YouTube-канале. Смотреть →

РК по акции VK Реклама

Создание пикселя ретаргетинга и установка его на сайт

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

Нажмите кнопку «Создать пиксель» и в появившемся окне заполните поля для будущего пикселя:

  1. Назовите пиксель максимально понятно, чтобы не запутаться — во ВКонтакте можно создать до 40 пикселей. Можно указать адрес сайта или название компании.
  2. Укажите адрес страницы, на которую он будет установлен. Это может быть весь сайт или конкретная страница. Этот пункт необязательный.
  3. Добавьте тематику, максимально приближенную к вашей.

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

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

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

Настроить пиксель ВКонтакте на сайте можно через Google Tag Manager — это сервис, который помогает управлять тегами, пикселями и кодом разных рекламных систем и сервисов аналитики. В GTM можно добавить пискель за пару кликов, создав новый тег. Для этого нужно:

1. Перейти в раздел тегов и нажать «Создать».

2. В триггерах настроить страницы, которые будет отслеживать пиксель, — все или конкретные.

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

4. А затем в поле HTML добавьте JavaScript-код пикселя, назовите его и опубликуйте.

Сейчас работа с Google Ads ограничена, но остальные сервисы Google, в том числе и Google Tag Manager, продолжают работать. Но если перебои все-таки возникнут, все коды из GTM придется переносить в код сайта.

Если пиксель установлен правильно и система начала получать данные, в рекламном кабинете появятся статусы «работает» и «нет ошибок».

Пиксель может не работать:

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

Теперь можно переходить к настройке событий.

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

Настройка отслеживания событий

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

Примеры событий, которые можно отслеживать:

  • клик по кнопке;
  • взаимодействие с формой заявки;
  • использование поиска;
  • регистрация на сайте.

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

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

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

Также можно добавить событие с помощью Google Tag Manager. Как добавлять новые теги в Google Tag Manager, мы подробно разбирали в отдельной статье.

В GTM нужно добавить три тега:

  • Библиотека — подключение библиотеки JS API.
  • Инициация для событий — передача событий в нужный пиксель.
  • Конверсия — передача данных о типе и ценности события.

Как и в инструкции по добавлению пикселя, нужно создать тег.

  1. В триггерах укажите All pages — это значит, что событие будет срабатывать на всех страницах.
  2. В поле «Конфигурация тега» выберите тип тега «Пользовательский HTML».
  3. Скопируйте скрипт и добавьте его в поле HTML в «Конфигурации тега».
  4. Дайте название тегу и сохраните его.

Скрипты для тегов

Для инициации событий: , где PIXEL_ID — это идентификатор пикселя из кабинета.

Для конверсии (код события с ценностью): , где lead — событие, а value — ценность этого события, то есть сколько денег вы зарабатываете при достижении этого события. lead и 500 — это примеры события и ценности для конверсии типа «Получение потенциального клиента»

Как проверить, правильно ли настроено событие

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

Откройте страницу сайта с пикселем, нажмите правой кнопкой мыши и в выпадающем списке выберите «Просмотреть код сайта». Затем перейдите во вкладку Network («Сеть»). В фильтре напишите rtrg — консоль покажет, как срабатывает пиксель при конверсии.

Если отслеживание событий настроено верно, то в атрибуте с будет название конверсии, а в атрибуте v — ее ценность.

Работа с аудиториями

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

Чтобы собрать новый сегмент аудитории, нажмите кнопку «Создать аудиторию».

Есть три варианта сбора аудитории:

  • С помощью пикселя. Настройте правило, по которому будут добавляться пользователи, например, те, кто был на сайте за последнее время, или те, кто посещал конкретные страницы.
  • На основе файла с контактами пользователей: телефонами, почтами или ID мобильных устройств. Эти данные можно выгрузить из вашей CRM-системы или парсера.
  • С помощью QR-кода. Здесь можно создать новый или выбрать тот, с которым вы уже работали, например на мероприятиях, в презентациях и т. д. Когда пользователь сканирует код, ВКонтакте добавляет его в вашу аудиторию. В QR-код можно добавить UTM-метки.

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

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

Похожие аудитории (look-alike)

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

Чтобы собрать такой сегмент, нажмите «Создать аудиторию» и выберите основную аудиторию. Главное — чтобы она будет доступна, если в ней будет больше тысячи пользователей. Затем кликните на кнопку «Начать поиск аудитории».

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

Другие материалы о рекламе ВКонтакте
  • Обзор рекламного кабинета
  • Создание рекламных кампаний
  • Парсинг TargetHunter для ВКонтакте
  • Динамический ретаргетинг ВКонтакте
  • Анализ и оптимизация рекламы ВКонтакте

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

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