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

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

  • автор:

Как установить пиксель ретаргетинга (vk.com, facebook) на сайт #2926

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

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

Как разместить код пикселя Facebook

1) Перейдите к разделу «Пиксели Facebook» в «Ads Manager» — он находится по ссылке.

2) В открывшемся разделе нажмите «Создать пиксель».

phpmXUuuu

3) Введите название Вашего пикселя и нажмите «Создать».

phpFrtaAi

4) Откроется окно установки кода пикселя, выберите в нем пункт «Установить код вручную».

php7soiP9

5) Скопируйте предложенный код.

phpSlmzLI

6) Перейдите к разделу «Настройки» — «Шаблоны и файлы» (для этого Вам потребуются расширенные права доступа).

Обратите внимание!

  • Если у вас в настройках сайта есть «Блок с тегом head», вы можете разместить код более простым способом. Для этого воспользуйтесь инструкцией по ссылке.

phpDemEPw

7) В открывшемся списке шаблонов выберите шаблон «Главная.Верх».

phpGpsfpX

8) Обрамите свой код в теги . и вставьте код над тегом .

Иными словами, у Вас должно получиться следующее:

phpGRd83K

9) Сохраните изменения.

phpj2Nd9h

10) Нажмите «Продолжить».

phpGN9Ohy

11) Вы попадете в раздел настроек событий. Подробнее о дальнейшей настройке читайте в инструкции Facebook.

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

1) В рекламном кабинете ВКонтакте перейдите в раздел «Ретаргетинг» и нажмите «Создать единый пиксель».

phpI3u6mN

2) Откроется окно создания пикселя, где Вам будет необходимо указать:

  • Название пикселя,
  • Домен Вашего сайта,
  • Тематику сайта.

В конце нажмите «Создать».

phpmtRCMr

3) Откроется окно с кодом пикселя. Скопируйте код.

phpsnbjKk

4) Перейдите к разделу «Настройки» — «Шаблоны и файлы» (для этого Вам потребуются расширенные права доступа).

Обратите внимание!

  • Если у вас в настройках сайта есть «Блок с тегом head», вы можете разместить код более простым способом. Для этого воспользуйтесь инструкцией по ссылке.

phpDemEPw

5) В открывшемся списке шаблонов выберите шаблон «Главная.Верх».

phpGpsfpX

6) Обрамите свой код в теги . и вставьте код над тегом .

Иными словами, у Вас должно получиться следующее:

phpksgaWG

7) Сохраните изменения.

phpj2Nd9h

8) Более подробную информацию по настройке пикселя ретаргетинга Вы можете получить по ссылкам:

  • Частые вопросы по ретаргетингу.
  • Единый пиксель Вконтакте.

Пиксель ВКонтакте

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

Добавление пикселя на сайт
Зайдите в ваш рекламный кабинет ВКонтакте и перейдите на вкладку «Сайты».

Нажмите на кнопку «Добавить пиксель» и укажите домен вашего сайта.

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

Система предложит вам код пикселя. Скопируйте этот код.

Данный код по совместительству является кодом счетчика top.mail.ru. Вы можете как вставить данный код в Head сайта, так и скопировать ID этого счетчика и добавить его как счетчик top.mail.ru.

Перейдите в настройки сайта → Аналитика → Mail.ru counter ID и вставьте этот номер.

Важно: нужно вставлять номер именно в поле для счетчика от Mail.ru. Поле для VK Pixel использует прошлую версию пикселя ВК и скоро будет удалено.

Что такое пиксель ретаргетинга ВКонтакте, как его поставить и пользоваться

03.05.2020

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

13 мин.

8 034

Пиксель ВКонтакте – это специальный код (JavaScript), созданный разработчиками рекламной системы ВКонтакте. Этот код размещается в коде страниц сайта рекламодателя, чтобы социальная сеть могла отслеживать действия пользователей на нем.

Зачем нужно регистрировать информацию о действиях пользователей на сайте?

Располагая такой информацией, вы можете показывать разным группам посетителей различную рекламу. Например, пользователям, открывшим страницу определенного товара и начавшим оформлять заказ, но не завершившим его, вы можете показывать рекламу с напоминанием о брошенной корзине. Также, благодаря информации, собираемой кодом пикселя, вы можете настраивать разные рекламные объявления: один тип объявлений для тех пользователей, которые когда-либо были на вашем сайте, а другой – для тех, кто никогда на нем не был.

Какие события отслеживает пиксель ВКонтакте?

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

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

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

Где взять код для пикселя (как найти ссылку на код пикселя в рекламном кабинете ВКонтакте и как создать пиксель)?

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

Корректность работы кода пикселя

В появившемся окне введите:

  • название вашего пикселя (оно может совпадать с названием домена сайта);
  • адрес сайта, который будет отслеживаться;
  • тематику ресурса, на котором будут отслеживаться действия пользователей.

Личный кабинет ВК вводим свои данные

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

Как установить JavaScript-код для пикселя ВКонтакте на сайт?

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

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

Если вы сами не можете менять код страниц вашего сайта – обратитесь с этой просьбой к программисту, скопировав код в отдельный текстовый файл для него.

Как проверить, корректно ли работает установленный вами на сайте пиксель ВКонтакте?

Очень просто. После того, как код пикселя был размещен на сайте рекламодателя, посетите несколько страниц этого сайта (предварительно авторизовавшись в социальной сети в рабочем браузере). Теперь для проверки работы кода вам нужно зайти в рекламном кабинете ВКонтакте в раздел «Пиксели» и посмотреть, какой статус у вашего нового пикселя. Если вы сделали все правильно, статус должен измениться на «работает». В таблице будет указано время и дата последнего посещения сайта.

Корректность работы кода пикселя

Что делать, если пиксель не работает?

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

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

На какое количество сайтов можно поставить один пиксель? Один пиксель можно поставить на несколько сайтов. Но в этом случае не нужно заполнять поле «Разрешенный домен», чтобы ВКонтакте мог собирать данные об аудиториях.

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

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

Остались вопросы?

Не нашли ответ на интересующий Вас вопрос? Или не нашли интересующую Вас статью? Задавайте вопросы и темы статей которые Вас интересуют в комментариях.

Максимилиан Здравствуйте.Я хочу создать Pixel Id Vk для рекламы продукта с другова сайта!Я пользуюсь телефоном.И в Гугле выбераю версию для ПК.Но у меня на странице нету раздела рекламы.А когда я захожу в приложение само.То у меня есть раздел реклама но нету строки Ретаргетинг.И из-за этого я не могу создать пиксель вк.Помогите пожалуйста.

Установка нового пикселя VK Рекламы (VK Ads) на сайт

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

VK Реклама — это новая платформа, объединяющая рекламные кабинеты myTarget и ВКонтакте, в которой можно запускать платную рекламу на всех проектах VK. В ней также появился новый пиксель VK Рекламы. В этой статье рассмотрим несколько способов его установки на ваш сайт.

Предисловие

Пиксель VK Рекламы (VK Ads) — это фрагмент кода, который вы устанавливаете себе на сайт. Он позволяет собирать информацию о посетителях сайта (визиты, просмотры страниц, отслеживание событий) с целью ее дальнейшего анализа и оптимизации рекламы, а также отслеживать конверсии и создавать собственные аудитории для рекламных кампаний.

Если вы раньше уже рекламировались во ВКонтакте, то наверняка знакомы с пикселем от ВК и способами его создания. Для этого в рекламном кабинете вам необходимо было перейти в раздел Ретаргетинг — Пиксели и создать новый пиксель:

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

Аналогичным образом владелец сайта поступал для Mail.ru и рекламного кабинета myTarget, используя создание счетчика либо через интерфейс:

Добавление счетчика в кабинете myTarget

Добавление счетчика через top.mail.ru

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

Вне зависимости от того, собираетесь ли вы в будущем запускать рекламу в VK Ads или нет, я все равно рекомендую установить пиксель ВК Рекламы к себе на сайт. Информация, собранная в этом инструменте, может пригодится вам в дальнейшем в работе, а также стать дополнительным источником данных к Яндекс.Метрике и Google Analytics. А вдруг пригодится? А если нет счетчика, то и нет данных для старта.

Новый пиксель VK Рекламы не имеет никакого отношения к пикселю ВКонтакте. Вы не сможете перенести ни аудитории, ни события, ни конверсии из старого пикселя ВКонтакте в VK Ads. Вам обязательно нужно создать новый пиксель VK Рекламы в интерфейсе ads.vk.com и установить его к себе на сайт для начала сбора данных.

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

Чтобы создать новый пиксель VK Рекламы, вам сначала необходимо зарегистрировать аккаунт/рекламный кабинет. После этого выберите раздел Сайты и нажмите Добавить пиксель:

Сайты — Добавить пиксель

Для создания пикселя необходимо заполнить email в настройках. Если вы не сделали этого ранее, то система выдаст вам соответствующее уведомление и предложит перейти в настройки для его добавления:

Не заполнен е-мейл в настройках аккаунта

Добавьте email и сохраните изменения в настройках вашего аккаунта VK Рекламы:

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

На первом шаге укажите домен сайта, на который он будет установлен:

Нажмите кнопку Добавить. На следующем шаге вам будет предложено два варианта:

  1. Запросить доступ к пикселю
  2. Создать новый пиксель

Запросить доступ к пикселю

Если на вашем сайте уже был установлен счетчик top.mail.ru, то вы можете привязать его к новому кабинету VK Рекламы. Для этого введите е-мейл владельца, который он использовал для создания VK Пикселя (е-мейл аккаунта) или счетчика top.mail.ru и нажмите кнопку Запросить доступ:

Запрос владельцу на доступ к пикселю

Поскольку у меня на сайте ранее был установлен счетчик от Mail.ru, система при сканировании нашла на osipenkov.ru пиксель с идентификатором ID 3***31 и предложил обратиться к владельцу данного счетчика.

Запрос доступа к существующему пикселю

Отправив запрос, мне на почту mail.ru пришло письмо с предоставлением доступа к пикселю:

Письмо с предоставлением доступа к пикселю

При согласии предоставить доступ перейдите по одной ссылке, если желаете отклонить запрос — по другой. Предоставив доступ к пикселю, вы сможете работать в новом кабинете VK Ads с данными существующего счетчика top.mail.ru:

Успешный запрос доступа к пикселю

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

Привязанный пиксель к кабинету VK Реклама

Нажав напротив этого счетчика на Настройка, вы провалитесь внутрь пикселя, где на вкладке События увидите все ранее настроенные вами цели/события и их активность:

Таким образом, после привязки вашего счетчика top.mail.ru все данные между платформами будут синхронизированы.

Создать новый пиксель

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

Новый пиксель VK Рекламы

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

Редактирование пикселя — переименование или удаление

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

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

Настройка пикселя VK Рекламы

На открывшейся странице и вкладке Код пикселя скопируйте код счетчика из соответствующего поля или с помощью кнопки:

Копирование кода пикселя

Как видите, этот код от счетчика Top.Mail.Ru. Вы также можете скачать код в формате .txt и отправить его своему разработчику в качестве технического задания на установку.

Установить код пикселя на сайт можно несколькими способами:

  • напрямую в код сайта на все отслеживаемые страницы;
  • используя CMS и конструкторы сайтов;
  • через Google Tag Manager.

Давайте рассмотрим каждый способ подробнее.

Примечание: инструкция по каждому варианту доступна в интерфейсе VK Рекламы.

Инструкция по установке кода пикселя

Установка пикселя напрямую

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

Скопируйте код пикселя и добавьте его в пределах тегов или как можно ближе к началу страницы. Точно также, как это делается для всех остальных счетчиков аналитики (Яндекс.Метрики, Google Analytics, Facebook и т.д.). Так он будет раньше загружаться и сможет отправить данные о просмотре в статистику, даже если посетитель почти сразу же закроет страницу.

Пример добавления кода пикселя в теге для моего сайта:

Пример добавления кода пикселя между тегами head (osipenkov.ru)

CMS и конструкторы сайтов

Для сайтов, использующих популярные CMS и конструкторы, у VK доступны специальные плагины, упрощающие вставку кода пикселя. На момент написания данной статьи в официальной документации VK Рекламы представлены готовые решения для сайтов на 1C-Bitrix, WordPress и Tilda. Они доступны по следующим ссылкам:

  • Пиксель VK Реклама в маркетплейсе 1С-Битрикс;
  • VK Ads Pixel plugin для WordPress;
  • Поле Mail.ru Counter ID в интерфейсе Tilda.

Например, для моего нового пикселя идентификатор 3305391, поэтому в поле MAIL.RU COUNTER ID вставляется именно это значение:

Mail.ru Counter ID — поле для вставки идентификатора пикселя (Tilda)

Важно: это код от счетчика Top.Mail.Ru, а не старого пикселя ВКонтакте.

Если плагина для вашей CMS нет, код счетчика нужно вставить в поле для произвольного HTML-блока.

Google Tag Manager

Если вы на сайте используете Google Tag Manager, то перейдите в раздел Теги и создайте тег типа Пользовательский HTML. Вставьте в него код пикселя из интерфейса VK Рекламы, а в качестве триггера активации используйте All Pages (Все страницы), чтобы код пикселя загружался с любой страницы сайта:

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

Если вы используете другую систему управления тегами (не диспетчер тегов Google), то там так же предусмотрено аналогичное поле для вставки произвольного HTML-кода.

Сохраните изменения и опубликуйте новую версию контейнера.

Настройки пикселя

На вкладке Код пикселя доступно две настройки:

Новый пиксель VK Рекламы умеет автоматически отслеживать простые события. По аналогии с Google Analytics 4, где есть события типа Улучшенная статистика, Яндекс.Метрикой, где доступны Автоматические цели, Facebook *, который уже давно умеет регистрировать базовые события на сайте (клики по кнопкам, отправка формы, покупки и другие действия), пиксель VK Ads также будет помогать рекламодателям с отслеживанием простых событий. Это позволит вам получить от запуска рекламы наибольшую отдачу, сделать ее точнее и эффективнее. Активируйте эту настройку, если хотите, чтобы VK Реклама автоматически отслеживала события.

Примеры автоматически найденных событий

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

При активации данной функции в код пикселя добавляется параметр USER_ID, позволяющий связать данные ваших пользователей онлайн и офлайн.

Синхронизация пользователей — параметр USER_ID

Например, зная идентификатор пользователя в CRM/ERP-системе, вы можете отправлять офлайн-конверсии, совершаемые вне вашего сайта (например, в физическом магазине), в кабинет VK Рекламы. Данная настройка требует знаний программирования и дополнительных действий с вашей стороны, а не только ее активации в интерфейсе.

Проверка работы

После того, как вы установили новый пиксель VK Рекламы (VK Ads) к себе на сайт на все отслеживаемые страницы, я рекомендую проверить корректность его работы. Это можно сделать через интерфейс рекламного кабинета. Как только информация о первых совершенных событиях на вашем сайте попадет в пиксель, статус с Данные не поступают изменится на Данные поступают, а желтый восклицательный знак превратится в зеленую галочку.

Помимо этого, вы увидите, как на графике начнут отображаться сведения о посещениях и полученных событиях:

Зарегистрированные события и посещения

Другим вариантом проверки корректности установки пикселя VK Рекламы является консоль разработчика и вкладка Network (F12 для браузера Google Chrome). Перейдя на нее, в поле поиска введите идентификатор вашего пикселя:

Проверка запросов в консоли разработчика

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

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

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