Как установить пиксель ВК на сайт

Чтобы отслеживать поведение аудитории на сайте с помощью пикселя Вконтакте, нужно добавить код пикселя на ваш сайт перед закрывающим тегом . Его можно установить сразу на все страницы сайта или в настройках отдельных страниц в поле «Теги в разделе HEAD».

О том, как добавить код пикселя VK (Vkontakte) на сайт и настроить аудитории для ретаргетинга, вы можете узнать в данной видеоинструкции.

Как добавить VK-пиксель на сайт

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

Счетчики (метрики) для ВК-страниц добавляются в разделе «Сообщения» — «VK» — «Сообщество» — «Управление» — «Коды счетчиков посещения».
В будущем планируется возможность подключения нескольких ВК-сообществ к Геткурсу, поэтому счетчики задаются именно в сообществе — для каждого свои (но могут быть и одинаковые).

Счетчики (метрики) для ВК-страниц

Как установить пиксель ВКонтакте на сайт

Вы можете добавить отслеживание событий в форме на страницах сайта. Добавить код отслеживания события можно в настройках обработчика формы через «Произвольное действие» → «Вызов Javascript».

Обратите внимание: Произвольное действие в данном случае необходимо установить на первое место в обработчике.

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

Источник: getcourse.ru

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

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

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

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

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

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

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

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

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

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

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

Как настроить таргетинг ВКонтакте 2023. Ретаргетинг ВКонтакте через пиксель #13

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. Настройка почти завершена, осталось сохранить созданный тег и опубликовать его на сайте.

Источник: ppc.world

Как установить пиксель ВКонтакте на сайт

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

  • Получения кода пикселя;
  • Установка вручную через код (Способ №1);
  • Установка через GTM (Способ №2);
  • Проверка сбора данных.

Видеоинструкция

Раздел ретаргетинг в рекламном кабинете ВК

На появившейся странице переходим в «Пиксели» и кликаем на «Создать новый».

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

  • Название пикселя;
  • Разрешенный домен;
  • Выбрать тематику сайта.

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

Далее мы получаем нужный нам код сайт, где ниже указан отдельно ID пикселя.

Код пикселя VK

В зависимости от выбранного способа установки сохраняем нужный нам параметр.

Ручная установка пикселя Вконтакте (Способ №1)

Ручная установка подойдет для тех, кто разбирается в структуре файлов своего сайта и обладает базовыми знаниями HTML.

Для установки потребуется внедрить код на все страницы сайта, как можно ближе к началу документа. Как правило, это элементы header (шапка сайта) или footer (подвал).

Для установки на WordPress потребуется зайти в «Внешний вид»-«Редактор» и найти файл head или footer и перед закрывающимся тегом установить счетчик.

Также это можно сделать через FTP или файловый менеджер хостинга. Путь для данных файлов выглядит как «/wp-content/themes/ваша-тема/header.php».

Редактор тем и header.php в WordPress

Для установки на Opencart необходимо зайти в файловый менеджер на хостинге или через FTP и изменить файл header.tpl, стандартный путь для файла «/catalog/view/theme/ваша-тема/template/common/header.tpl».

Установка пикселя VK через Google Tag Manager (Способ №2)

Если на сайте установлен менеджер тегов Google (GTM), то процесс установки будет значительно проще.

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

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

Даем тегу название, например, «vk pixel» и выбираем конфигурацию тега.

Выбор типа тега в GTM

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

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

В появившемся редакторе вводим созданный код счетчика.

Выбор триггера для пикселя ВКонтакте в Google Tag Manager

Теперь выбираем триггер для взаимодействия, который должен быть «All pages», что позволит подгружать счетчик на всех страницах сайта (где установлен Google Tag Manager).

Выбор триггера All Pages в Google Менеджер тегов

После сохраняем тег.

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

Отправка на публикацию новой версии в Google Tag Manager

Заполняем название и описание. Например, если Вы также публикуете и тег пикселя Facebook, то можно описать как «fb+vk».

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

Все готово, счетчик установлен.

Проверка сбора данных VK.com Pixel

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

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

Также стоит кликнуть на него и выбрать «Аудитория», после чего будет показано, в каких созданных аудиториях он используется.

Созданные на основе пикселя VK.com аудитории

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

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

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

Источник: seopulses.ru

Оцените статью
Добавить комментарий