Facebook Pixel: что такое, как установить, как работает и как использовать

    Facebook Pixel: что такое, как установить, как работает и как использовать

    Рейтинг:  0 / 5

    Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна
     

    Facebook Pixel - звучит интригующе и может изменить ваш взгляд на рекламу в Facebook. Именно он позволяет проводить ремаркетинг в рекламных кампаниях Facebook, т. е. охватывать людей, которые уже имели контакт с сайтом и даже совершали конкретные действия.

    Что такое Facebook Pixel и как это работает?

    Интерфейс Facebook Pixel

    Пиксель - это короткий скрипт (созданный с использованием языка программирования JavaScript), который должен быть размещен в блоке <head></head> вашего сайта.

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

    Сам код выглядит следующим образом (все выглядят одинаково, за исключением ID пикселя):

    <!-- Facebook Pixel Code -->

    <script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
    n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)}(window, document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', 'ВАШ_УНИКАЛЬНЫЙ_ID_ПИСЕЛЯ');
    fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src=https://www.facebook.com/tr?id=ВАШ_УНИКАЛЬНЫЙ_ID_ПИКСЕЛЯ&ev=PageView&noscript=1
    /></noscript>
    <!-- End Facebook Pixel Code -->

    Ваш кода Facebook Pixel вы можете получить здесь https://www.facebook.com/events_manager/pixel .

    Как добавить Facebook Pixel на сайт

    Вот и все! Дюжина строк, которые могут творить чудеса в вашей маркетинговой деятельности, конечно, на платформе Марка Цукерберга.

    Пиксель Facebook - нужен ли он вашим кампаниям?

    Как я уже упоминал ранее, пиксель позволяет показывать рекламу в Facebook (а также в Instagram, Messenger и Audience Network) людям, которые заходили на ваш сайт ранее. Благодаря этому вы можете создавать так называемые кампании ремаркетинга, которые могут быть, например, конверсией на веб-сайте (в конце концов, люди, которые уже знают ваш бренд и посетили веб-сайт, конвертируют с большей готовностью, чем человек, который не знает бренда) или вернуться в корзину в интернет-магазине. Да, благодаря пикселю мы можем взаимодействовать с людьми, которые покинули корзину!

    Вы можете сегментировать десятки таких групп на основе пикселей:

    • Люди, которые посетили ваш сайт за последние 7 дней? Нет проблем
    • Люди, которые посетили форму, но не отправили ее? Да, пиксель даст вам такую ​​возможность.
    • Люди, которые вчера покинули корзину? Трудно найти лучшую группу для продажи вашей продукции!
    • Люди, которые посещали ваш сайт более 4 раз в месяц? как уже упоминалось в названии - пиксель представляет собой секретное оружие рекламы на Facebook.

    Стоит отметить, что пиксель, хотя и собирает данные, не хранит их бесконечно долго. Максимальное время хранения пользовательской информации составляет 180 дней.

    Откуда появилось название «Pixel»?

    Когда браузер блокирует пиксельные скрипты, он не может правильно регистрировать пользовательские данные. Однако в конце кода есть несколько строк, которые не позволяют этому произойти. Когда код заблокирован, скрипт в тегах <noscript></noscript> размещает невидимую графику в виде пикселя с высотой и шириной равными одному пикселю. Когда отображается это микро-изображение, информация будет отправлена в Facebook.

    Пиксель это одно, а каковы его события?

    Сам код основного пикселя, который был приведен в начале этой статьи, не позволяет нам отслеживать все взаимодействия на странице. Сам «базовый» код позволяет создавать группы ссылок (URL-адреса). Это означает, что вы можете сегментироваться на людей, которые загрузили определенные ссылки в браузере, например, перешли на главную страницу или на вкладку Контакты. Однако вы не можете сегментироваться на людей, которые совершили некоторые действия на сайте, например, нажали кнопку «добавить в корзину», совершили покупку или отправили форму (теоретически вы можете использовать нестандартные события, но как и когда их использовать, об этом в следующих записях).

    Эти типы ДЕЙСТВИЙ на странице позволяют измерять пиксельные события. Это дополнительные коды, размещенные на определенных страницах или кнопках веб-сайта (лично я считаю их дочерними элементами пикселя - меньше, чем сам пиксель и разбросанными по всему сайту).

    Примеры событий, которые начинаются после загрузки страницы:

    • Покупка (Buy) - событие, размещенное в основном на так называемых «Страница благодарности» - это страница, которая появляется после оплаты в магазине.
    • Отображение контента (ViewContent) - событие, которое происходит на странице с контентом, например, на странице поста в блоге или на странице товара в интернет-магазине.
    • Добавить информацию о платеже (AddPaymentInfo) - Предоставляет информацию об открытии страницы, на которой пользователь добавляет свою информацию о платеже во время обработки заказа.

    Пример событий, размещенных на кнопках:

    • Добавить в корзину (AddToCart) - когда кто-то добавил товар в корзину, нажав кнопку.
    • Контакт (Лид) - отправляет информацию о переведенном лиде после нажатия кнопки «Отправить» в контактной форме.
    • Подписаться - одним нажатием кнопки, которая включает подписку.

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

    В большой степени это зависит от структуры страницы - если, например, после отправки формы на вашем сайте URL страницы не изменится и появится только сообщение о отправке сообщения, вы сможете установить событие Lead только на кнопку «отправить».

    В противном случае вы можете разместить событие на странице «Спасибо» после отправки контактной формы.

    Пиксель и события – где их взять?

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

    Сами сценарии событий даже короче пиксельного кода. Пример события «Добавить в корзину» (AddToCart):

    <script>
    Fbq ('track', 'AddToCart');
    </script>

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

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

    <script>
    fbq ('track', 'AddToCart',{
    value:3000,
    currency: ‚RUB’,
    content_ids: ‚123123123’,
    content_type: ‚tele’,
    })
    </script>

    Как видите, событие отправит не только информацию о том, что продукт был добавлен в корзину, но и информацию о продукте: продукт стоимостью 3000 рублей с идентификатором продукта: 123123123и типом «tele».

    Что это дает? То, что вы можете показывать рекламу на платформах Facebook конкретным пользователям, которые просматривали или добавили продукт в вашу корзину и показывать в рекламе им именно этот продукт (динамический ремаркетинг).

    Человек смотрит продукт X на сайте → затем в Facebook ему показывается реклама с продуктом X.

    Помните, что события будут работать, только если вы уже установили пиксельный код!

    Пиксель и события - установка на сайт

    Основной пиксельный код, который вызывается в начале этой статьи, то есть код, в котором также находится его идентификационный номер, устанавливается в конце блока <head> страницы, как в примере ниже:

    <!-- Example -->
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <script>...</script>
    Вставьте код пикселя сюда
    </head>

    Событие, с другой стороны, устанавливается в начале раздела <body> на определенной странице, если оно начинается после загрузки страницы:

    </head>
    <body>
    <script>вставить_событие</script>

    Если событие начинается после нажатия кнопки:

    <button id = "addToCartButton"> Добавить в корзину </button>
    <script type = "text/javascript">
    document.getElementById(addToCartButton).addEventListener(‚click’, function() {
    вставить код
    ...
    }, false);
    </script>

    Интеграция в популярные CMS

    Если на своем сайты вы используете популярные CMS, вы можете использовать уже готовые решения для внедрения Facebook Pixel. Например, если ваш сайт использует WordPress, вам не нужно «рыться» в коде, чтобы добавить скрипт. Все, что вам нужно сделать, это загрузить плагин, например, Tracking Code Manager, и вставить код, сгенерированный вами в менеджере объявлений. С помощью менеджера объявлений вы также можете скачать упакованный файл с пикселем, который вам просто нужно установить как плагин на WordPress.

    Полезным инструментом для установки любых кодов на сайте может стать Google Tag Manager . С помощью этого инструмента вы также будете устанавливать пиксельные события.

    Pixel Helper - проверьте, использует ли ваш конкурент пиксель!

    Интерфейс Pixel Helper

    Хотите узнать, использует ли ваш конкурент пиксель, и более того, проверить, какие события он использует и в каком месте на сайте он реализовал их? Ничего сложного! Если вы используете браузер Chrome, вы можете установить плагин Pixel Helper - бесплатный плагин, который позволит вам проверить, установлен ли пиксель на какой-либо странице и был ли он создан правильно. Когда вы находитесь на странице, где вы хотели бы увидеть, есть ли пиксель, просто активируйте плагин, и он покажет вам информацию о пикселе и событиях на текущей открытой странице.

    Как и на рисунке выше, Pixel Helper расскажет вам, сколько пикселей на сайте (потому что их может быть даже несколько), каков их идентификатор и какие события выполняются в данный момент. На рисунке показано, что на сайте установлен один пиксель, а событие, которое записывает данные, является событием PageView - информированием о посещении сайта. Это единственное событие, которое находится непосредственно в базовом пиксельном коде. Остальные события должны быть реализованы отдельно.

    Автор статьи: Михаил Елисин
    Автор статьи: Михаил Елисин Эксперт в интернет-маркетинге и развитии бизнеса. Занимаюсь продвижением сайтов и интернет-маркетингом с 2007 года.
    Теги::

    2000 Осталось символов


    ©2019 - brain-on.ru

    Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.

    Please publish modules in offcanvas position.