Facebook Пиксель — это частичка JavaScript кода, которая устанавливается на сайт, что позволяет собирать данные о его посетителях, отслеживать покупки и впоследствии показывать свою рекламу на этих пользователей в Facebook и Instagram.
Обычно у новичков возникает много вопросов о том, что такое пиксель фейсбук (pixel facebook) и как он работает. И чем больше ты узнаешь про него, тем больше начинаешь бояться и ненавидеть. Но не все так плохо, на самом деле во всем можно разобраться и сделать это будет не сложно. Давай по порядку.
P.S. Стоит заметить, что при постоянных обновлениях самого Facebook, некоторые рассматриваемые примеры настройки могут немного отличаться от актуальных. Однако в статье разобран смысл всей настройки, поэтому даже если некоторые отдельные вещи со временем изменяться, вы все равно сможете разобраться что к чему.
Принципы работы пикселя и в каких случаях он используется
Скажем так, в своем чистом виде, пиксель фейсбука, это код. По другому — скрипт.
Многих может отпугнуть этот код, но не спешите. Программировать нам ничего не придется. Этот скрипт ставится на сайт, процесс установки простой (но у новичков обычно возникает масса проблем, это нормально), мы еще рассмотрим его в этом уроке.
Задача пикселя, собирать аудитории по заданным параметрам, собирать статистику и отслеживать конверсии на сайте.
Как создать Facebook Pixel
Есть несколько способов как перейти к созданию пикселя. Посмотрим на них.
Через Business Manager
Этот способ подойдет всем, кто уже создал бизнес-менеджер, рекомендую именно его.
Для этого нужно будет для начала зайти в Business Manager, а затем открыть вкладку «Источники данных» и в ней выбрать «Пиксели«, после чего нажать «Добавить».
Через меню рекламного кабинета
Для тех, кто не создавал бизнес менеджер, подойдет другой способ, нужно будет просто открыть меню рекламного кабинета и выбрать в быстрых ссылках Events Manager.
Настройка пикселя
Процесс настройки пикселя максимально упрощен. Но при этом он вариативен, что создает большое кол-во возможностей как его установить и именно из-за этого данный процесс может показаться сложным.
На первом шаге нас встречает способ установки, ручной и через интеграцию. Ручной способ может оказаться чуть дольше, чем с использованием интеграции, но это не всегда так.
В случае с интеграцией, существует большое кол-во CMS (движков сайтов), с которыми можно провести автоматическую настройку пикселя:
Как видно вариантов много и есть достаточно популярные. Но нужно понимать, что для каждого варианта будет своя инструкция, фейсбук покажет ее после нажатия на один из предложенных вариантов. И в некоторых случаях процесс интеграции может оказаться сложнее чем ручной. Поэтому далее я подробно покажу ручной процесс установки пикселя, а вы уже сможете сравнить его с какой-то из интеграций, которая вам подходит.
Многие наверняка пользуются таким конструктором как Tilda. Так вот для нее процесс установки пикселя один из самых простых. После создания пикселя в фейсбуке, нужно будет зайти в тильду настройки сайта → Аналитика → Facebook Pixel, и вставить в поле id пикселя, сохранить и переопубликовать все страницы. Id своего пикселя можно увидеть после его базовой настройки в бизнес-менеджере, либо в разделе Events Manager рекламного кабинета.
Ручной способ установки пикселя фейсбук
Выбрав ручной способ нам предложат скопировать код пикселя, что мы и сделаем:
Следующее, что нам нужно сделать, это поставить скопированный код на свой сайт. Есть три основных способа как это сделать:
- Поставить пиксель через Google Tag Manager. Данный способ подойдет, если вы уже используете инструмент Google Tag Manager в своем проекте, либо если у вас нет возможности легким способом поставить код пикселя. Этот способ я разберу чуть ниже, т.к. он по-моему самый часто используемый.
- Вставить код в специальный блок для пользовательских скриптов. На многих конструкторах в настройках есть специальный блок для размещения в нем пользовательского скрипта, он примерно так и будет называться «пользовательские скрипты«, либо «блок для html вставки«. Туда достаточно вставить код пикселя и сохранить изменения;
- Ручной. Если у вас есть навыки работы с кодом сайта, вам достаточно знать, что код пикселя ставится либо перед «/head», либо в тело сайта, фейсбук рекомендует в head, чтобы скрипт быстрее загрузился и начал сразу фиксировать все события на сайте.
P.S. либо отдайте эту задачу вашему разработчику.
Установка пикселя с помощью Google Tag Manager
По простому, Google Tag Manager это инструмент позволяющий без знаний кода устанавливать разные скрипты, инструменты и метрики на сайт используя простой «юзерфрендли» интерфейс. Вообще это очень интересный и многофункциональный продукт (бесплатный), подробнее о нем расскажу в других статьях.
- Шаг 1. Регистрируемся в GTM
- Шаг 2. Для установки GTM, нужно будет поставить его код на сайт. Инструкцию как это сделать даст сам GTM. Вы также можете «загуглить» как ставить GTM на конкретно вашей CMS, будь то WordPress, Tilda, OpenCart или что-то другое.
- Шаг 3. Добавляем новый тег:
- Шаг 4. Жмем «Конфигурация тега» и ищем пункт «Пользовательский HTML»:
- Шаг 5. Вставляем в пустом поле ранее скопированный код пикселя Facebook:
- Шаг 6. Чуть ниже будет раздел «Триггеры», это настройка говорит о том, когда именно будет работать устанавливаемый нами код. Нам нужно, чтобы он работал всегда, на всех страницах сайта, для этого в триггерах находим «All Pages». Сохраняем все настройки:
- Шаг 7. В конце мы попадем обратно на главную страницу, нам остается нажать на кнопку «Отправить» сверху справа. Подтвердить все изменения:
Поздравляю, вы установили пиксель на свой сайт. Теперь нужно проверить работает ли он. Для этого я рекомендую воспользоваться расширением для браузера под названием Facebook Pixel Helper.
Когда вы установите это расширение и зайдете на свой сайт, нажмите на значок расширения, у вас откроется маленькая вкладка, в ней должна появится зеленая галочка напротив «PageView», это говорит нам о том, что все работает корректно и пиксель уже отлавливает просмотры страницы. Если галочки нет, значит на каком-то из этапов установки пикселя в Tag Manager была допущена ошибка, либо вы не опубликовали изменения:
Продолжаем ручную настройку
Возвращаемся к ручной настройке пикселя в Facebook. После того как мы поставили код пикселя каким то из вышеописанных способов и проверили его исправность, нужно включить автоматический расширенный поиск совпадений, это позволит более точно отслеживать результаты рекламных кампаний:
Теперь мы дошли до настройки событий. Чтобы отследить на сайте регистрацию либо покупку, нужно настроить соответствующее событие. Facebook сразу предлагает нам самый простой вариант для этого:
Работает это следующим образом, после нажатия по кнопке «Открыть сайт» мы попадем на указанный URL. Если вдруг нам напишет, что пиксель еще не получал никаких данных по этому сайту, просто зайдите на него, перейдите по паре страниц, и через минут 5-10 вернитесь к настройке пикселя.
Чтобы настроить событие, нам нужно понимать что именно мы хотим отслеживать. События будут использоваться нами в дальнейшем, чтобы создавать аудитории пользователей совершивших определенные события на сайте, а также для того, чтобы создавать похожих на них аудитории. Чаще всего эти события, это либо регистрация, либо покупка.
Для фиксации событий у нас есть два варианта, либо отслеживать нажатия по кнопке, либо посещение определенных страниц. Я по опыту скажу, что лучше всего отслеживать регистрации и покупки по url странице. Т.к. нажатия по кнопкам часто могут быть случайными, а иногда из-за ошибок на сайте кнопка может не работать, а в событиях вы будете видеть регистрации, хотя по факту их не было.
Чтобы отследить регистрацию или покупку, нам нужно знать на какую страницу пользователь попадает после завершения этой регистрации/покупки. Как правило, это будет страница под видом «домен сайта.com/success», перейдите на нее и выберите «Отслеживать URL». После чего выберите тип события, нам нужно дать понять системе какое конкретное событие мы фиксируем, когда человек посещает эту страницу. Это поможет Facebook лучше подбирать аудитории и показывать рекламу на нужных вам людей, которые совершали уже подобные действия на других сайтах.
В случае, когда нам все таки нужно отслеживать нажатия по кнопкам, выберете первый вариант. На экране мы сразу увидим выделенные кнопки, выберите нужную, чтобы отслеживать все клики по ней. Также нужно будет выбрать тип события, которое соответствует этому нажатию.
Следующим этапом нам предложат верифицировать свой домен. Вкратце, это делается для более честного использования рекламы на платформе, а также для более корректной работе с пользователями использующими iOS. Детальнее об этом можно ознакомиться здесь.
Инструкцию как пройти подтверждение нам дает сам Фейсбук:
В настройках Business Manager откройте раздел «Безопасность бренда» и выберите пункт «Домены». Если вашего домена нет в списке, добавьте имя первичного домена. Следуйте предоставленным инструкциям для подтверждения вашего домена. Подтвердив домен, вы сможете использовать доступные пиксели и специально настроенные конверсии для настройки событий.
В процессе подтверждения домена вам нужно будет внести TXT запись в настройках вашего хостинга. Звучит наверное сложно, если ни разу не приходилось этого делать. Попробую помочь. Зайдите на свой хостинг (что такое хостинг можно узнать здесь), там есть настройки записей для домена, у всех оно может выглядеть по разному, в зависимости от того каким хостингом пользуетесь, советую воспользоваться технической поддержкой своего хостинга, они быстро помогут разобраться.
В настройках домена будет возможность добавить текстовую запись, это то, что нам и нужно. Просто вставьте туда ту запись, которую даст фейсбук в своей инструкции.
У вас может возникнуть вопрос: «Стоит ли это все делать?«, отвечаю — Да, обязательно!
Ну и наконец последний этап в настройке пикселя, это конфигурация веб-событий, вам предложат перейти на эту страницу после подтверждения домена:
Добавьте сюда все те события, которые на вашем сайте имеют наибольшую ценность, не обязательно добавлять все имеющиеся. Расположите эти события последовательно от самого ценного к наименее ценному. Например для лендинга самые ценные события будут лид и регистрация. Для магазина — покупка, лид, добавление в корзину, просмотр карточки товара.
Зачем все это делать? Вся сложность появилась с того момента, как Apple убрала возможность получать достаточное кол-во данных от пользователей iOS по их поведению. Теперь для того, чтобы правильно отследить результативность рекламных кампаний приходится делать много настроек, но уверяю с опытом во всем разберетесь.
Чтобы больше узнать про настройку веб-событий прочитайте эту статью.
Если вы успешно прошли все эти шаги, поздравляю, это было увлекательно!
Создание аудиторий с помощью Facebook пикселя
Теперь мы посмотрим для чего настраивали пиксель и на примере создадим аудиторию.
Заходим в Аудитории — Создать аудиторию — Пользовательская — Сайт:
- Источник — это ваш пиксель. В случае когда их несколько, можно выбрать нужный, набор цифр это id пикселя;
- События — здесь можно заметить два блока, первый это стандартные наборы по типу «все посетители сайта», а второй на основе событий. В первом случае названия говорят сами за себя. Во втором случае мы можем собирать людей, которые совершили определенные события. Отслеживание этих событий мы и настраивали ранее. Стоит заметить, что их здесь может не быть, если пиксель не зафиксировал еще ни одного события с сайта (т.е. нужно либо самому его совершить, либо просто дождаться когда совершит кто-то из посетителей сайта);
- Удержание — это поле на скриншоте не видно, но оно там есть;) Данная настройка позволяет выбрать кол-во дней, в пределах которого пользователи попавшие в аудиторию, будут храниться в ней. По истечению этого срока они оттуда удаляются, если не совершат повторного действия на сайте. При этом удаленные пользователи будут замещаться новыми. Это позволяет постоянно поддерживать аудиторию в так скажем «свежем состоянии». Максимальный период хранения пользователей в аудитории — 180 дней. Исходить нужно из того, какие бюджеты вы собираетесь потратить на данную аудиторию и конечно ее размер. Нужно понимать, что чем меньше аудитория, тем быстрее она «выгорит», другими словами устанет от нашей рекламы. И соответственно чем больше бюджеты, тем тоже быстрее произойдет выгорание. Это значит, что для таких аудиторий лучшим применением является либо периодические запуски рекламы, либо в условиях очень большого трафика на сайте, ставить минимальное удержание, чтобы аудитория как можно чаще обновлялась. Ох надеюсь не запутал вас:)
В случае создания Look a Like (похожих) аудиторий, можно также в источниках этой аудитории ставить пиксель и на его основе создать подобную аудиторию, а в свою очередь на основе ее создать похожую по нужным параметрам.
Создав такую аудиторию, мы можем использовать ее тремя методами:
- Использовать как одну из аудиторий для показа на нее рекламы;
- Использовать как основу для создания похожих аудиторий (полезно в случаях, если данная аудитория себя хорошо показала, но быстро выгорела и перестала давать результат, тогда можно создать по ней похожую);
- Использовать как основу, для создания сохраненной аудитории и соответственно использовать более точечный таргетинг по тем же интересам или гео-позиции:
Ну что ж, урок получился большой и информативный. Пробуйте, тренируйтесь и все получится, остаемся на связи в новых уроках. Не забывайте, что следить за выходом новых уроков можно в телеграм канале
Комментарии закрыты.