Пиксель – это код, который вы встраиваете на веб-сайт для сбора информации о посетителях и их действиях (какие страницы были просмотрены, какие кнопки нажаты и т.д.). Эта информация в последующем используется рекламными системами социальных сетей (например, Facebook, Вконтакте и пр.) при ретаргетинге.
Ретаргетинг – это особый вид рекламы. Если посетитель зайдет на сайт с каким-нибудь продуктом, то в течение некоторого времени реклама этого продукта будет «преследовать» его в социальных сетях. Другими словами, с помощью пикселя вы собираете базу ретаргетинга, благодаря чему настраиваете показ рекламы тем, кто посетил ваш сайт (в данном случае – страницу мультиссылки Taplink).
Принцип использования следующий:
- Генерируете код пикселя в рекламном кабинете выбранной соцсети
- Устанавливаете пиксель на сайт
- Пиксель собирает информацию о посетителях
- Социальная сеть показывает рекламу «подогретой» целевой аудитории
Какие пиксели бывают и где их найти?
Пиксели есть во всех популярных социальных сетях, где предусмотрена таргетированная реклама. В одних случаях вы можете найти его внутри рекламного кабинета самой социальной сети (как, например, в случае с Facebook или Вконтакте), а в других – внутри рекламных платформ (например, в myTarget, благодаря чему вы сможете показывать объявления в Одноклассники и Мой мир).
Как вставить пиксель VK в head таплинка
Рассмотрим, как сгенерировать код пикселя для каждого конкретного случая.
Facebook Pixel
- Открываете Events Manager
- Нажимаете «Подключить источники данных» (значок в виде белого крестика в зеленом круге), выбираете «Интернет»
- Выбираете «Пиксель Facebook», нажимаете «Подключить»
- Вводите название пикселя и при желании проверяете возможность простой настройки сайта (нужно ввести URL-адрес вашего сайта, благодаря чему сервис автоматически выполнит настройку – это подойдет для сайтов на WordPress и других популярных движках), после чего нажимаете «Продолжить»
Теперь созданный код пикселя можно установить на сайт. В случае Taplink вам не нужно копировать базовый код для ручной установки – вам понадобится только ID пикселя, который вы найдете на странице в списке созданных пикселей.
Пиксель Вконтакте
- Входите в рекламный кабинет Вконтакте и выбираете раздел «Ретаргетинг»
- Переходите во вкладку «Пиксели»
- Нажимаете «Создать пиксель»
- Вводите название для пикселя, домен и тематику сайта. Домен заполнять не обязательно, но рекомендуется в целях ограничения пополнения аудитории с других сайтов
Теперь сгенерированный пиксель можно найти в рекламном кабинете в разделе «Ретаргетинг» и вкладке «Пиксели». Вы выбираете его, нажимаете «Редактировать» и в поле «Код для вставки на сайт» копируете код пикселя. В отличие от Facebook, для Вконтакте и других социальных сетей потребуется именно классический код пикселя, а не его ID.
Пиксель TikTok
- Входите в TikTok Ads, нажимаете на раздел «Library» («Библиотека») и выбираете вкладку «Event» («События»)
- В открывшемся окне вы выбираете «Website Pixel» («Пиксель для сайта»). TikTok позволяет отслеживать события для сайтов и приложений – вам нужен именно второй.
- Нажимаете кнопку «Create Pixel» («Создать пиксель»), принимаете условия соглашения, придумываете для пикселя название и сохраняете.
Теперь останется лишь выбрать ручной способ установки пикселя («Manually install the code») и скопировать сам код.
Для других социальных сетей применяется схожий принцип создания пикселей – вы заходите в рекламный кабинет (или его аналог), ищете раздел или вкладку, где предусмотрено создание пикселя, после чего придумываете для него название, сохраняете и копируете сгенерированный код. Если вы затрудняетесь или не можете найти, как сделать пиксель для другой соцсети, обратитесь в FAQ – как правило, у каждой площадки предусмотрена подробная инструкция по созданию и установке пикселей на сайт.
Как установить пиксель на Taplink?
На обычных сайтах пиксель устанавливается, как правило, в сам код сайта между тегами и . Альтернативный вариант – через Google Tab Manager. Для Taplink все гораздо проще – система автоматически сгенерирует нужный код и вставит его на сайт. Для этого достаточно зайти в «Настройки», выбрать раздел «Общие» и найти соответствующее поле:
- Для Facebook Pixel – поле «Facebook Pixel ID». Вы указываете сам ID.
- Для других пикселей социальных сетей – поле «Вставка HTML-кода». В этом случае нужно ввести именно сгенерированный код.
Теперь останется лишь нажать «Сохранить изменения», и ваш пиксель начнет работу.
Источник: multissylka.ru
Как установить пиксель вконтакте на таплинк
Для установки пикселя ВКонтакте необходимо его ID добавить в Модули — Пиксель ВКонтакте. Метки событий нажатия на кнопки задаются на вкладке «Модули» в настройках блока.
Для установки на страницу Taplink пикселей других социальных сетей необходимо добавить нужный код в Настройки — Общие — HTML-код, затем нажать кнопку «Сохранить».
Для добавления Facebook Pixel и Пиксель ВКонтакте код вставлять не надо, достаточно ввести его ID.
Для чего нужен Facebook Pixel?
Facebook Pixel нужен чтобы собирать информацию о людях, которые заходили на страницу и отслеживать их действия. Это делается с целью последующего запуска рекламы Facebook по нужной части аудитории.
Как установить Facebook Pixel на страницу Taplink?
Для установки Pixel на страницу Taplink необходимо указать его ID в Модули — Facebook Pixel, там же можно указать API Access Token для Facebook Conversations API.
Обратите внимание, код самого Pixel в Taplink устанавливать не требуется, система генерирует его автоматически на основании данных об ID. При создании Pixel в Facebook в качестве адреса сайта необходимо указывать url главной страницы вашего Taplink (ссылку на ваш домен либо taplink.cc/ваш_ник)
Taplink уже настроен так, чтобы отправлять события в Facebook при каждом нажатии на ссылки (мессенджеры, социальные сети).
Как обрабатывать данные Pixel в Facebook?
Taplink настроен так, чтобы отдавать Pixel данные о всех событиях. У каждого элемента Taplink свои события.
Пощелкайте по кнопкам вашего Taplink с разных устройств. Зайдите в Facebook, посмотрите статистику. У вас должны появиться события, которые вам надо обрабатывать средствами Facebook. Все события Taplink имеют префикс taplink, далее идет обозначение блока (к примеру, «ссылка» — link) и его части. Кроме того, у событий есть custom_param, позволяющие дополнительно уточнить объект.
К примеру, у вас есть ссылка, ведущая на страницу http://udsgame.com/download. При настройках конверсии выберите taplink:link, а в custom_param укажите http://udsgame.com/download (или уникальный фрагмент этого URL).
Как проверить работу Facebook Pixel на моей странице Taplink?
Для проверки работы пикселя рекомендуется использовать расширение браузера Facebook Pixel Helper (для Google Chrome). Это официальное расширение Facebook, которое показывает наличие pixel (и его идентификатор, 1) на странице (любого сайта) и отслеживает генерируемые им события (2).
Также для проверки работы Pixel можно зайти с разных устройств и нажать на все кнопки, имитируя действия пользователей. Далее перейти в Facebook Events Manager и посмотреть поступление данных и накопленные события.
Где посмотреть собранные Pixel данные?
Информация о собираемых Facebook Pixel событиях отображается в Events Manager.
Какие события передаются в Facebook Pixel?
В Facebook Pixel передаются все события нажатия на кнопки. Названия событий интуитивно понятны, достаточно перевести их с английского.
PageView — просмотр страницы Taplink
taplink:link — клик по блоку «Ссылка» с переходом на сайт
taplink:email — клик по блоку «Ссылка» с функцией «Написать письмо»
taplink:phone — клик по блоку «Ссылка» с функцией «Позвонить»
taplink:page — клик по блоку «Ссылка» с переходом на внутреннюю страницу
taplink:messengers — переход в мессенджеры (любые, через блок «Мессенджеры»), если требуется отследить переходы в определенный мессенджер — нужно выбрать соответствующее ему событие из этой подгруппы. К примеру для Whatsapp — taplink:messengers:whatsapp.
taplink:socialnetworks — переход на социальные сети (любые, через блок «Социальные сети»), если требуется отследить переходы в определенную соцсеть — нужно выбрать соответствующее ей событие из этой подгруппы. К примеру для ВКонтакте —
taplink:pictures — переход из «Карусели картинок»
taplink:market — переход в «магазин» (товары)
В магазине мы отправляем стандартные события электронной коммерции в Facebook. При добавлении товара событие AddToCart, при начале оформления заказа InitiateCheckout, при переходе на оплату событие Lead.
После успешной оплаты (любой, «Форма и платежи» или «Товары») формируется событие Paid
Как создать конверсию по событию в Taplink?
Конверсия создается через создание «Специально настроенной конверсии» в Facebook по нужному вам событию Taplink.
Посмотреть события которые передаются в ФБ и их параметры можно через «Тестирование событий».
К примеру, для создания конверсии по нажатию на кнопку Whatsapp берем событие «taplink:messengers:whatsapp» и больше никаких для него правил не создаем, потому как целевой трафик уже там.
Заполнение форм можно отследить по просмотру страницы благодарности.
Источник: taplink.ru
События вк пикселя на кнопках Taplink
Для настройки отслеживания нажатий кнопок на вашем тапке сделайте следующее:
- Создайте пиксель в рекламном кабинете Вк
- Вставьте пиксель во «вставку HTML-кода» в настройках таплинка
- По инструкции https://vk.com/faq16578 выберите себе событие по душе
- На странице с нужной кнопкой просмотрите идентификатор кнопки через просмотр кода элемента
- Вставьте на страницу код, заменив цифры своего блока и заменив событие
document.addEventListener(‘DOMContentLoaded’, () => < // id вашего блока var id1 = ‘b-63695814’ var link1 = document.querySelector(‘.’+id1+’ a’).href document.querySelector(‘.’+id1+’ a’).removeAttribute(‘href’) document.querySelector(‘.’+id1+’ a’).onclick = function () < document.querySelector(‘.’+id1+’ a’).setAttribute(‘href’, link1); document.querySelector(‘.’+id1+’ a’).setAttribute(‘target’, ‘_blank’); VK.Goal(‘add_to_cart’, ) > // конец скрипта для первой кнопки >);
Для добавления событий на еще кнопки скопируйте часть кода от комментария до комментария (т.е без первой и последней строчки), поменяйте цифры блока, цифру у link, событие.
Проверьте перед сдачей заказчику работу отслеживания, воспользовавшись вкладкой «сеть» в инструменте разработчика, как сказано в инструкции https://vk.com/faq16578 с помощью фильтра по rtrg
Как все делается поэтапно можно поглядеть в видосике
Источник: teletype.in