Можно ли установить пиксель ретаргетинга вконтакте на сайт через google tag manager
Для установки счетчиков и пикселей рекламных кабинетов социальных сетей на сайт можно использовать не старый и сложный способ с установкой прямо в коде страниц сайта каждого счетчика и пикселя по отдельности, а вариант использования для установки Google Tag Manager (GTM). GTM — это специальный контейнер (программный код), который мы размещаем на сайте, а потом через панель управления добавляем в него нужные нам пиксели и счетчики.
Настройка отслеживания событий
С помощью событий можно отслеживать конверсионные действия посетителя сайта, например регистрацию в сервисе или клик по кнопке, и собирать сегменты аудиторий, чтобы потом нацелить на них рекламу.
Примеры событий, которые можно отслеживать:
- клик по кнопке;
- взаимодействие с формой заявки;
- использование поиска;
- регистрация на сайте.
Самый простой способ — подключить отдельный пиксель для нужного события. Например, добавить пиксель на страницу благодарности и таким образом отслеживать тех, кто ее достиг. Но для эффективной рекламы лучше настроить отправку событий с вашего сайта для конкретного пикселя. И потом на основе этих событий можно будет оптимизировать кампании по конверсиям.
В кабинете ВКонтакте пока нет отдельной вкладки для настройки событий, и для каждого проекта скрипты прописываются индивидуально. Список возможных типов событий для отслеживания конверсий ограничен, полный перечень — в справке ВКонтакте.
Если вы работаете с кодом самостоятельно, используйте инструкцию из справки ВКонтакте. Если опыта работы с кодом недостаточно, советую обратиться к веб-разработчику.
Также можно добавить событие с помощью Google Tag Manager. Как добавлять новые теги в Google Tag Manager, мы подробно разбирали в отдельной статье.
В GTM нужно добавить три тега:
- Библиотека — подключение библиотеки JS API.
- Инициация для событий — передача событий в нужный пиксель.
- Конверсия — передача данных о типе и ценности события.
Как и в инструкции по добавлению пикселя, нужно создать тег.
- В триггерах укажите All pages — это значит, что событие будет срабатывать на всех страницах.
- В поле «Конфигурация тега» выберите тип тега «Пользовательский HTML».
- Скопируйте скрипт и добавьте его в поле HTML в «Конфигурации тега».
- Дайте название тегу и сохраните его.
Установка кода Google Tag Manager на сайте рекламодателя
Установка кода Google Tag Manager на сайте рекламодателя
Если сами не знаете, где поставить код на сайте – отдайте его администратору сайта или программисту. В WordPress можно поставить его в редакторе файлов.
Важно, что для корректной работы GTM вам надо поставить оба фрагмента кода на сайт.
Например, на скриншоте в WordPress первый фрагмент кода размещается перед закрывающимся head:
Второй фрагмент кода, надо ставить сразу после открывающегося тега :
Сохраняем изменения и отравляемся проверять, нет ли у нас каких-то проблем с версткой. Если все ок, проверяем, корректно ли установлен GTM?
Сделать это можно при помощи просмотра кода страницы сайта, где стоит код контейнера.
Переходим на сайт:
Нажимаем правую клавишу мыши, выбираем из выпадающего списка пункт «Исходный код страницы». После выбора варианта просмотра в виде кода, у нас открывается сайт в соответствующем представлении, и теперь в тексте кода можно найти фрагменты вставленного нами кода контейнера Google Tag Manager:
Теперь, чтобы установить пиксель Вконтакте на сайте через GTM, нам нужно создать сам пиксель.
Почему пиксель не работает?
- Код пикселя изменен;
- Адрес сайта не совпадает с доменом в настройках пикселя;
- Сайт не посещали более 24 часов.
Создание пикселя ВКонтакте
В одном рекламном аккаунте Вконтакте может быть не более 25 пикселей. Редко какому специалисту понадобится такое количество пикселей, как правило, речь может идти либо о рекламных агентствах, либо о компаниях с огромным количеством сайтов или региональных сайтов.
Процедура создания пикселя начинается с перехода в раздел “Ретаргетинг” рекламного кабинета Вконтакте, здесь нам нужен подраздел “Пиксели”. Чтобы сформировать код нового пикселя, нажмите кнопку “Создать пиксель”, укажите название пикселя, сайт, на который он будет установлен.
При создании пикселя вам будет доступен его код для установки на сайте. Код можно также скопировать в рекламном кабинете, выбрав свойство пикселя “Редактировать”.
Чтобы добавить пиксель Вконтакте на ваш сайт через Google Tag Manager, зайдите в панель управления GTM и нажмите «Новый тег»
Для установки пикселя Вконтакте в открывшемся окне нажмите ссылку «Конфигурация тега»:
Из появившегося справа выпадающего списка выберите специальный тип тега «Пользовательский HTML»:
В появившемся окне вставляем код и указываем название тега (желательно понятное и простое):
Далее открываем «Расширенные настройки» под окном ввода кода пикселя:
И в пункте «Настройка активации тега» выбираем «Один раз на страницу».
Опускаемся ниже, в «Триггеры», в списке, появившемся справа после нажатия в разделе «Триггеры» мышью, указываем пункт «Все страницы или All Pages»
Добавляем триггер, сохраняем, а дальше надо опубликовать изменения.
Потом отправляем на публикацию:
После этого на зеленом баннере появляется слово «Опубликованная версия».
Если вы ставите версию пикселя через GTM, можно разместить его в теге .
После всех действий в списке тегов у вас появится Вконтакте:
Проверить корректность установки можно при помощи сервиса «Предварительный просмотр» в верхнем правом углу:
Указать url сайта:
И убедиться в корректности на странице сайта:
Первый материал из серии про установку пикселей соцсетей через GTM от Mello. В нем специалист по контекстной рекламе Андрей Моисеев подробно объяснил шаги для установки и проверки работоспособности пикселя «ВКонтакте» через Google Tag Manager.
Пиксель ретаргетинга «ВКонтакте» — это JavaScript-код, который можно установить в исходный код сайта для отслеживания действий посетителей. Как только пользователь заходит на страницу, пиксель ретаргетинга автоматически срабатывает и записывает информацию о посетителе и его действиях в базу данных.
Используя собранные данные, можно формировать аудитории и запускать на них ретаргетинг в соцсети.
Настройка пикселя в Google Tag Manager
7. В GTM выбираем нужный проект и переходим на вкладку «Теги». Сам тег необходим для размещения кода на странице сайта. Нажимаем на кнопку «Создать».
Создание тега
8. Для создания тега необходимо создать конфигурацию тега и триггер. Для начала создадим конфигурацию. Нажимаем на соответствующую рамку «Конфигурация тега». В выпадающем списке находим тип группы «Специальные» и выбираем «Пользовательский HTML». Данный тип тега позволит разместить HTML-код на странице сайта, например наш созданный пиксель.
Пользовательский HTML
9. Далее появится окно для вставки кода. Нажимаем на текстовое поле и вставляем скопированный код пикселя. После чего нам предстоит создать триггер. Жмем на рамку «Триггеры».
Вставка JavaScript-код
10. Чтобы код срабатывал на всех страницах сайта, необходимо создать условие, при котором JS-код будет срабатывать при просмотре страницы. Соответственно, по умолчанию, выбираем триггер «All Pages», он позволяет выполнить нужное действие.
Выбор триггера
11. Настройка почти завершена, осталось сохранить созданный тег и опубликовать его на сайте.
Если реклама ВКонтакте ведет пользователя на сайт, то без пикселя не обойтись. Без него и отслеживания событий рекламодатель не будет знать, что делает аудитория после того, как кликнет по объявлению, и, соответственно, не сможет использовать эти знания дальше. Как установить пиксель ВКонтакте, настроить события и собирать аудитории для рекламы — давайте разбираться.
Чтобы не терять трафик и взаимодействовать с ним в рекламных кампаниях во ВКонтакте, например напоминать о себе или подбирать похожую аудиторию, нужно установить пиксель соцсети на свой сайт.
Пиксель — JavaScript-код, который можно добавить на лид-форму, весь сайт или его отдельные страницы. Как только авторизованный ВКонтакте пользователь попадет на нужную страницу или совершит целевое действие на сайте и в приложении, пиксель автоматически это зафиксирует.
Чтобы понять, приводит ли реклама клиентов, которые выполняют целевые действия, нужно настроить отслеживание событий — это важные для бизнеса действия, которые совершает человек на сайте, например заполнение заявки. По событиям можно в дальнейшем оптимизировать кампании и сегментировать аудитории.
В этой статье мы разберем:
Получения кода пикселя ВК
Для того, чтобы получить код пикселя ВКонтакте потребуется посетить рекламный кабинет и кликнуть на «Ретаргенинг» (слева-сверху).
На появившейся странице переходим в «Пиксели» и кликаем на «Создать новый».
- Название пикселя;
- Разрешенный домен;
- Выбрать тематику сайта.
Далее мы получаем нужный нам код сайт, где ниже указан отдельно ID пикселя.
В зависимости от выбранного способа установки сохраняем нужный нам параметр.
Создание пикселя во «ВКонтакте»
1. Во «ВКонтакте» переходим на вкладку «Реклама», расположенную на панели слева.
Переход на вкладку с рекламой
2. Далее переходим на вкладку «Ретаргетинг».
Переход на вкладку с ретаргетингом
3. Выбираем вкладку «Пиксели».
Переход на вкладку с пикселями
4. Нажимаем на кнопку «Создать пиксель».
Создание пикселя
5. Здесь нужно заполнить следующие поля:
6. Копируем код предоставленного пикселя, вставляем его в любой текстовый редактор и заходим в GTM.
Пример JavaScript-кода
Как проверить, правильно ли настроено событие
После того как пользователи начнут совершать конверсии на сайте, события будут отображаться в статистике рекламных объявлений. Кроме того, на основе этих событий можно настроить оптимизацию по конверсиям с автоматическим управлением ставками. Работает неплохо, если каждый день приходить несколько сотен событий.
Откройте страницу сайта с пикселем, нажмите правой кнопкой мыши и в выпадающем списке выберите «Просмотреть код сайта». Затем перейдите во вкладку Network («Сеть»). В фильтре напишите rtrg — консоль покажет, как срабатывает пиксель при конверсии.
Если отслеживание событий настроено верно, то в атрибуте с будет название конверсии, а в атрибуте v — ее ценность.
Источник: справка ВКонтакте
Как использовать пиксель ВКонтакте
- Напоминать посетителям, что они интересовались вашим продуктом, предложить участие в конкурсе и прочие «плюшки»;
- Предложить завершить действие на сайте (например, заказ);
- Исключить «состоявшихся» клиентов из показов рекламы;
- Исследовать аудиторию посетителей.
Можно собирать аудиторию отдельно по каждой кампании — она будет более тематической и целевой, а значит, для неё проще составить оффер. Вопрос только во времени, иногда затруднительно получить быстро 100 уникальных посещений.
Также когда объем достигает 1 000 пользователей, аудитория может быть источником для создания похожей.
Хотите тоже написать статью для читателей Yagla? Если вам есть что рассказать про маркетинг, аналитику, бизнес, управление, карьеру для новичков, маркетологов и предпринимателей. Тогда заведите себе блог на Yagla прямо сейчас и пишите статьи. Это бесплатно и просто
Что такое Планировщик эффективности Google Ads и как его использовать Статья
В интерфейсе Google Ads появился отдельный инструмент для планирования результатов – Планировщик эффективности. С помощью него можно планировать рекламные расходы и прогнозировать, как изменения в кампаниях отразятся на ключевых показателях и общей эффективности аккаунта.
3 лучших расширения Яндекс Wordstat Статья
Если собирать ключи из сервиса Яндекс Wordstat по старинке, то есть вручную, это займет много времени и сил. Есть альтернативный вариант – автоматизация с помощью специальных расширений (плагинов для браузера). 2
Как собрать MAC-адреса через Wi-Fi и настроить на них рекламу Статья
Настроить рекламу можно по самым разным признакам аудитории. В том числе по тем, которые собирает Wi-Fi сеть: MAC-адресам. 6
Путь от маленького городского паблика до сообщества с охватом в 500 000 человек в месяц: разбор кейса Статья
У нашего заказчика была небольшая региональная экспертная группа с лояльной аудиторией (примерно 5 000 человек), посвященная получению льгот, выплат малоимущим и субсидий в Вологодской области. . 15
16 сервисов для аналитики маркетплейсов Статья
Вести свой бизнес через маркетплейсы — удобное решение для предпринимателей в сфере торговли, которые не знают как лучше войти в отрасль. Яндекс. 13
Мотивация сотрудников на удаленке Статья
Привет! Меня зовут Полина Титова-Кацеф, я маркетолог и наставник проекта "Всё сдал!". Самый действенный способ мотивации – давать человеку увлекательные, сопоставимые с его целями и ценностями задачи. 13
Автоматизация воронки продаж: позвольте вашим менеджерам наслаждаться продажами Статья
По результатам исследований, проведенных институтом McKinsey, 31% задач в продажах можно автоматизировать. При внедрении автоматизации в рабочие процессы закрытие сделок ускоряется на 25%.
12+ фишек Телеграма для бизнеса Статья
Как эффективно использовать автостратегии в контекстной рекламе: практические рекомендации eLama Статья
Автостратегии представляют собой выверенный способ управления рекламными кампаниями. При этом цели задает сам человек, а управляют ставками и показами рекламных объявлений непосредственно алгоритмы.
Как настроить аудиторию
Далее настройте правила, каких посетителей фиксировать и за какой период. Если это пользователи, которые открывали определенные страницы, укажите, какие именно:
Готовая аудитория с основными характеристиками появляется на вкладке «Аудитории». Там же в любое время можно менять правила:
Узнать, в какие аудитории попадает посетитель конкретной страницы, позволяет функция «Проверка ссылки»:
Как установить пиксель на сайт
Скопируйте его в исходный код сайта, в верхнюю часть между тегами
и . Если там уже стоят другие скрипты — после них, но до .Чтобы проверить, корректно ли работает код, откройте страницу, где он установлен. Если статус «работает» и появились дата и время обновления — всё ОК.
Скрипты для тегов
Для библиотеки: , где PIXEL_ID — это идентификатор пикселя из кабинета.
Для конверсии (код события с ценностью): , где lead — событие, а value — ценность этого события, то есть сколько денег вы зарабатываете при достижении этого события. lead и 500 — это примеры события и ценности для конверсии типа «Получение потенциального клиента»
Установка пикселя VK через Google Tag Manager (Способ №2)
Если на сайте установлен менеджер тегов Google (GTM), то процесс установки будет значительно проще.
Заходим в аккаунт GTM для нужного сайта и выбираем вкладку «Теги» и нажимаем на кнопку «Создать»
Даем тегу название, например, «vk pixel» и выбираем конфигурацию тега.
Выбираем конфигурацию тега «Пользовательский HTML»
В появившемся редакторе вводим созданный код счетчика.
Теперь выбираем триггер для взаимодействия, который должен быть «All pages», что позволит подгружать счетчик на всех страницах сайта (где установлен Google Tag Manager).
После сохраняем тег.
Завершающий этап публикация новой версии, где также стоит указать, что основным отличием ее от предыдущей является появление тега «vk pixel».
Заполняем название и описание. Например, если Вы также публикуете и тег пикселя Facebook, то можно описать как «fb+vk».
Все готово, счетчик установлен.
Для этого открываем вкладку «Ремаркетинг»-«Пиксели», где должно быть указано, что счетчик «Работает».
Также стоит кликнуть на него и выбрать «Аудитория», после чего будет показано, в каких созданных аудиториях он используется.
Как только пользователь, авторизованный ВКонтакте, посещает определенную страницу или совершает конкретное действие на сайте или в приложении, ВК автоматически это фиксирует и запоминает его ID. Это возможно благодаря единому пикселю ВКонтакте. Как его настроить и использовать — смотрите в этой статье.
Этапы установки пикселя во «ВКонтакте»
Порядок действий при установке через GTM состоит из нескольких этапов:
- создание пикселя во «ВКонтакте».
- публикация на сайте.
- проверка работоспособности.
Впервые запускаете рекламу во ВКонтакте?
Настроим бесплатные кампании для старта! Заполните бриф и пополните счет на сумму от 10 000 рублей. Деньги пойдут на оплату рекламы
Часто задаваемые вопросы
Похожие аудитории (look-alike)
На основе уже существующего сегмента аудитории, например базы постоянных клиентов, можно найти тех пользователей, кто максимально на них похож — интересами, предпочтениями и поведением.
Чтобы собрать такой сегмент, нажмите «Создать аудиторию» и выберите основную аудиторию. Главное — чтобы она будет доступна, если в ней будет больше тысячи пользователей. Затем кликните на кнопку «Начать поиск аудитории».
ВКонтакте постарается найти как можно больше пользователей, которые максимально похожи на исходный сегмент аудитории. Сценариев настройки аудиторий look-alike много: например, можно создать сегмент на основе тех, кто приходит на сайт, активен на нем или попадает на определенные страницы. А о том, как запускать рекламу, в том числе и на аудитории, о которых мы говорили выше, читайте в нашем следующем уроке.
Установка пикселя ВКонтакте позволяет собирать аудиторию посетителей сайт и фиксировать их действия на сайте для запуска ретаргетинговых кампаний в социальной сети.
Работа с аудиториями
Если при создании пикселя чекбокс «Автоматически создать аудиторию для пикселя» был включен, система автоматически создаст аудиторию — это все пользователи, которых зафиксирует пиксель после установки. Аудитория появится в соответствующей вкладке, там же будут появляться и другие аудитории.
Чтобы собрать новый сегмент аудитории, нажмите кнопку «Создать аудиторию».
Есть три варианта сбора аудитории:
- С помощью пикселя. Настройте правило, по которому будут добавляться пользователи, например, те, кто был на сайте за последнее время, или те, кто посещал конкретные страницы.
- На основе файла с контактами пользователей: телефонами, почтами или ID мобильных устройств. Эти данные можно выгрузить из вашей CRM-системы или парсера.
- С помощью QR-кода. Здесь можно создать новый или выбрать тот, с которым вы уже работали, например на мероприятиях, в презентациях и т. д. Когда пользователь сканирует код, ВКонтакте добавляет его в вашу аудиторию. В QR-код можно добавить UTM-метки.
Дайте аудитории понятное название, например «Посетители блога за 14 дней», чтобы потом не потерять ее среди других.
Система начнет собирать аудиторию, и когда пользователей будет больше ста, вы сможете использовать сегмент в рекламе. Рекомендую сразу создавать много сегментов — на 30 дней, полгода, или даже на два года — а потом придумывать, как с ними работать дальше. Например, пользователи, которые были на сайте последние три дня, — супергорячие, им можно напомнить о вашем спецпредложении или рассказать о специальных условиях доставки.
Создание аккаунта и контейнера Google Tag Manager
Чтобы создать контейнер Google Tag Manager, заходим на сайт с помощью логина и пароля в Gmail, которые мы хотим использовать в дальнейшем для управления данным аккаунтом, и создаем новый аккаунт в Google Tag Manager (GTM).
После создания аккаунта нам будет предложено скопировать код контейнера GTM и разместить его на сайте либо в разделе (как можно ближе к началу страницы), либо после открывающего тега . Код должен присутствовать на каждой странице нашего сайта.
Создание пикселя ретаргетинга и установка его на сайт
Для начала нужно войти в рекламный кабинет и в меню выбрать раздел «Ретаргетинг». В нем несколько вкладок: сейчас нас интересуют «Пиксели».
- Назовите пиксель максимально понятно, чтобы не запутаться — во ВКонтакте можно создать до 40 пикселей. Можно указать адрес сайта или название компании.
- Укажите адрес страницы, на которую он будет установлен. Это может быть весь сайт или конкретная страница. Этот пункт необязательный.
- Добавьте тематику, максимально приближенную к вашей.
Система предложит автоматически создать аудиторию для этого пикселя. Можно оставить включенным этот чекбокс, тогда ВКонтакте начнет собирать информацию обо всех пользователях, которые придут на ваш сайт, если он найдет их в своей соцсети.
Чтобы поставить пиксель на сайт, сделанный в конструкторе, например Tilda, хватит короткого кода, который нужно разместить при настройке аналитики.
Настроить пиксель ВКонтакте на сайте можно через Google Tag Manager — это сервис, который помогает управлять тегами, пикселями и кодом разных рекламных систем и сервисов аналитики. В GTM можно добавить пискель за пару кликов, создав новый тег. Для этого нужно:
1. Перейти в раздел тегов и нажать «Создать».
2. В триггерах настроить страницы, которые будет отслеживать пиксель, — все или конкретные.
3. В «Конфигурации тега» выберите тип «Пользовательский HTML».
4. А затем в поле HTML добавьте JavaScript-код пикселя, назовите его и опубликуйте.
Сейчас работа с Google Ads ограничена, но остальные сервисы Google, в том числе и Google Tag Manager, продолжают работать. Но если перебои все-таки возникнут, все коды из GTM придется переносить в код сайта.
Если пиксель установлен правильно и система начала получать данные, в рекламном кабинете появятся статусы «работает» и «нет ошибок».
Пиксель может не работать:
- Если он не установлен на сайт. Проверьте, что код скопирован полностью и размещен между тегами и .
- Если он неправильно настроен. Адрес в настройках пикселя и домен, на котором он установлен, должны совпадать.
- Если сайт редко посещают, например посетителей не было более 24 часов.
Теперь можно переходить к настройке событий.
Как удалить пиксель?
В рекламном кабинете одновременно может быть не более 25 пикселей. Чтобы удалить пиксель, выберите этот пиксель в разделе «Пиксели» и в выпадающем меню нажмите «Удалить».
После удаления все аудитории, в которых пиксель был указан в качестве источника, перестанут пополняться, но не исчезнут.
Ручная установка пикселя Вконтакте (Способ №1)
Ручная установка подойдет для тех, кто разбирается в структуре файлов своего сайта и обладает базовыми знаниями HTML.
Для установки потребуется внедрить код на все страницы сайта, как можно ближе к началу документа. Как правило, это элементы header (шапка сайта) или footer (подвал).
Для установки на WordPress потребуется зайти в «Внешний вид»-«Редактор» и найти файл head или footer и перед закрывающимся тегом установить счетчик.
Также это можно сделать через FTP или файловый менеджер хостинга. Путь для данных файлов выглядит как «/wp-content/themes/ваша-тема/header.php».
Для установки на Opencart необходимо зайти в файловый менеджер на хостинге или через FTP и изменить файл header.tpl, стандартный путь для файла «/catalog/view/theme/ваша-тема/template/common/header.tpl».
Нарушает ли пиксель на сайте конфиденциальность?
Задача пикселя — обнаружить и сохранить в аудиторию авторизованного ВКонтакте пользователя по определенным действиям. При этом он не собирает техническую информацию: номер заказа, логин, пароль, контактные данные и т.д.
Как создать пиксель
Примечание. Поле «Разрешенный домен» опционное. Оно позволяет ограничить приток посетителей с других ресурсов.
Читайте также: