код пикселя фейсбук пример
Facebook Pixel
В этой статье пошагово разберем назначение пикселя Facebook (Facebook Pixel), его основные настройки, способы установки на сайт и проверим корректность сбора данных с помощью различных инструментов отладки.
Facebook Pixel (пиксель Facebook, пиксель Фейсбук, пиксель fb, пиксель фб) — это фрагмент кода, который вы устанавливаете себе на сайт. Он позволяет собирать информацию о посетителях сайта (визиты, просмотры страниц, отслеживание событий) с целью ее дальнейшего анализа и оптимизации рекламы, а также отслеживать конверсии и создавать собственные аудитории для рекламных кампаний, в том числе и для ретаргетинга.
По аналогии с Google Analytics (Google Ads) и Яндекс.Метрикой (Яндекс.Директ), пиксель Facebook был создан как инструмент для сбора и анализа данных для таргетированной рекламы (Facebook Ads), чтобы рекламодатель смог получить от нее наибольшую отдачу. А всю накопленную статистику, которую собрал пиксель, рекламодатель может посмотреть в Facebook Analytics.
Моя рекомендация: вне зависимости от того, собираетесь ли вы запускать таргетированную рекламу в Facebook или нет, все равно устанавливайте себе пиксель Facebook на сайт. Информация, собранная в этом инструменте, может пригодится вам в дальнейшем в работе, а также стать дополнительным источником данных к Метрике и Аналитике. Аналогично и с счетчиком Mail.ru (для myTarget).
Пиксель Facebook, как и другие инструменты веб-аналитики, используют файлы cookie, куда включаются данные, сохраняемые браузерами (версия браузера) или устройствами (модель устройства, версия ОС и т.д.), а также идентификаторы, связанные с устройствами, и иное программное обеспечение.
С октября 2018 года в Facebook появилась возможность выбора файлов cookie для использования с пикселем. Как основные (First-Party Cookies), так и сторонние (Third-Party Cookies). Основные принадлежат сайту, который в данный момент просматривает пользователь, а сторонние – другому сайту.
Посмотреть список названий и сайтов некоторых компаний, которые используют файлы cookie в сервисах Facebook (последнее обновление списка от 20.03.2017), можно в официальной справке Facebook.
Настройки cookie Facebook
По умолчанию используются основные и сторонние файлы cookie. Такая настройка позволяет охватить больше клиентов на Facebook, сбор данных и отчетность в рекламном интерфейсе будут точнее. Если вы отключите First-Party Cookies и оставите только сторонние куки, то охват клиентов на Facebook уменьшится, а сбор данных и отчетность будут менее точными.
Раньше было несколько видов пикселей: пиксель конверсии Facebook и пользовательский пиксель аудитории Facebook. Facebook прекратил использование пикселя отслеживания конверсий еще в 2017 году. Сейчас для настройки достаточно использовать один код пикселя, а раньше нужно было использовать несколько разных.
Установка Facebook Pixel на сайт
Далее нажимаем Создать пиксель
Затем указываем название пикселя и домен, на котором он будет установлен.
Название пикселя и домен
После этого нам предложат воспользоваться двумя способами установки пикселя:
Способы настройки пикселя Facebook
Настроим и так и так.
Настройка Facebook Pixel через Google Tag Manager
Нажимаем последовательно кнопку Продолжить, пока не окажемся на шаге авторизации своей учетной записи Google, на которой создан контейнер GTM.
Авторизация под учетной записью Google
Произойдет вход в вашу почту. Если у вас имеется несколько аккаунтов, вас попросят из выпадающего списка выбрать нужный. Аналогично и с контейнером:
Выбор аккаунта и контейнера GTM
После этого Завершите настройку. Вы можете перейти в свой Google Tag Manager и увидеть там новый тег Facebook Pixel ID с уникальным идентификатором, который Facebook создал автоматически.
Автоматически созданный тег Facebook Pixel ID
Причем опубликовывать контейнер с изменениями не нужно. Facebook это тоже автоматически сделал за вас.
Настройка Facebook Pixel вручную
Ручная настройка Facebook Pixel
Facebook Pixel Code для вставки на сайт
Если вы не знаете, где находится head, как работать с кодом страниц, где хранятся сами страницы, на которые нужно этот код установить, рекомендую обратиться за помощью к разработчику. Он решит эту задачу в течение 5 минут. Просто отправьте ему письмо с инструкцией.
Отправка инструкции разработчику электронным письмом
В противном случае (если хотите настроить самостоятельно) используйте способ установки кода через Google Tag Manager, автоматический, как показан в примере ранее, или ручной, создав самостоятельно тег типа Пользовательский HTML с условием активации All Pages, и вставив туда код (см. скриншот выше).
Тестирование кода
Есть два наиболее распространенных способа проверки корректности установки пикселя Facebook:
Тестирование кода с помощью инструмента тестирования на 3 шаге настройки
Вводим в поле свой домен и нажимаем Отправить тестовый трафик
Отправка тестового трафика
После этого произойдет загрузка страницы на отдельной вкладке браузера, а по окончанию проверки (в случае положительного исхода), будет присвоен статус Активен.
Facebook Pixel Активен
Это означает, что ваш пиксель Facebook установлен корректно, и он собирает данные. Если вы его установили неверно, то получите такое уведомление:
Facebook Pixel не установлен
Тестирование кода с помощью расширения браузера Facebook Pixel Helper
Полезное приложение, которое позволяет проверить, правильно ли работает пиксель Facebook.
Facebook Pixel Helper
После этого перейдите на сайт, на котором установлен пиксель. Если на сайте установлен Pixel Facebook, значок в браузере станет синим, а рядом появится число, свидетельствующее о количестве событий, которое сработало на данной странице.
Список пикселей Facebook и событий
По умолчанию – это PageView (Просмотр страницы) и событие Microdata Automatically Detected (Автоматически обнаруженные микроданные). При загрузке страницы Facebook пытается автоматически собрать и отправить к себе данные по разметке Open Graph, чтобы в дальнейшем использовать их для улучшения анализа действий посетителей на вашем сайте.
Facebook еще определяет событие Button Click Automatically Detected (Автоматически обнаруженные клики по кнопкам), которое срабатывает при каждом клике по кнопке, отправляя данные о некоторых параметрах, включая buttonText (текст кнопки).
Button Click Automatically Detected (Клик по кнопке)
С помощью данного расширения можно просматривать настроенные события не только на своем сайте, но и на других (черпать идеи). Подробнее про Facebook Pixel Helper читайте на этой странице.
Помимо этих трех событий, на этапе настройки пикселя Facebook можно Включить автоматический расширенный поиск совпадений.
Автоматический расширенный поиск совпадений
Это функция, которая позволяет в ручном или автоматическом режиме собирать данные о покупателях на вашем сайте (e-mail, телефон, имя, фамилия, город, пол) и передавать эту информацию в захешированном виде в Facebook. Конфиденциальность данных гарантируется.
Чтобы использовать расширенное сопоставление вручную, нужно представить данные о посетителе в формате объекта JSON и включить их в качестве третьего параметра в вызов базовой функции fbq(‘init’) пикселя. Подробнее читайте в официальной справке Facebook.
Для настройки автоматического расширенного поиска совпадений не нужно вносить изменения в код. Просто активируйте соответствующий переключатель в Events Manager (см. скриншот выше), и автоматический расширенный поиск совпадений настроит пиксель на поиск узнаваемых полей формы (например, имени, фамилии, электронного адреса) на вашем сайте. После заполнения этой информации пользователем она автоматически отправится в Facebook (хэшируется в браузере посетителя).
Включить эту настройку можно также на вкладке Обзор в разделе Все источники данных.
Включение функции на вкладке Обзор пикселя
Подробнее о расширенном поиске совпадений для Сети читайте в официальной справке Facebook.
Кроме этого, при первичной настройке пикселя Facebook вы можете начать отслеживать события. По аналогии с событиями Google Analytics и Яндекс.Метрики, события в Facebook позволяют отслеживать любые действия пользователя на вашем сайте или в приложении (клик по кнопке, отправка формы, скроллинг страницы, воспроизведение видео, активация события по таймеру, скачивание файла и т.д.). Это дает нам возможность создавать индивидуально настроенные аудитории, похожие аудитории (look-alike), которые с большей вероятностью также совершают целевые действия, и, разумеется, запускать рекламные кампании с типом «Конверсии», чтобы алгоритмы Facebook самостоятельно искали и показывали рекламу той аудитории, которая с наибольшей вероятностью совершит конверсию.
В FB существует стандартный набор событий, который изначально определен. Они разделены на различные тематики: Автомобили, Электронная и розничная торговля, Образование, Развлечения и СМИ и т.д.
Вот так выглядит список стандартных событий для категории Путешествия:
Список стандартных событий Facebook для категории «Путешествия»
Открыв, например, событие Лид, мы можем задать ему некоторые параметры, которые будут передаваться в Facebook при каждом совершении этого действия. Здесь в качестве параметров событий служат Ценность конверсии и Валюта.
Отправка параметров события
И чтобы лучше погрузиться в тему событий, рекомендую к прочтению два материала справки Facebook:
Резюмируя, кратко можно сказать, что любые события (автоматические или специальные) – это бизнес-цели, которые необходимо настроить, чтобы создавать на основе них аудитории и с их помощью оптимизировать рекламные кампании, создав конверсии.
Для тестирования событий у Facebook есть замечательный инструмент, который так и называется – Тестирование событий. С его помощью можно в режиме реального времени проверить корректность запуска настроенных событий.
Инструмент «Тестирование события»
Аудитории Facebook
Если вы установили пиксель Facebook себе на сайт, то вы можете создавать различные аудитории и использовать их в рекламе. Точно также, как в Яндекс.Директе или Google Рекламе. Чтобы это сделать, перейдите во Все инструменты – Ресурсы – Аудитории.
Все инструменты – Ресурсы – Аудитории
Либо на вкладке Обзор в разделе Все источники данных в правом верхнем углу:
Создать аудиторию Facebook
В Facebook существует 3 типа аудиторий:
Подробнее про аудитории Facebook будет разобрано в отдельной статье.
Специально настроенные конверсии
На этой странице будут отображены все ваши индивидуально настроенные конверсии. Максимальное число специально настроенных конверсий в рекламном аккаунте — 100, но вы можете удалять конверсии, которые больше не нужны, и создавать новые. Специально настроенные конверсии нельзя использовать с динамической рекламой товаров.
Создание конверсии Facebook
Как и в Google Analytics, в Facebook есть события, а есть Конверсии (цели). И для того, чтобы оптимизировать свои рекламные кампании, нужно на основе события создать конверсию (цель-событие). Для этого при создании специально настроенной конверсии выберете нужное событие. Подробнее про конверсии в Facebook будет также разобрано в отдельной статье.
На вкладке Диагностика можно найти и устранить проблемы, из-за которых неправильно настроен пиксель.
Если что-то настроено не так, как должно, или есть возможность улучшить, Facebook даст свои рекомендации.
На вкладке Настройки представлена вся информация по конкретному пикселю.
Это: ID пикселя, владелец, автор, какие рекламные кабинеты и Бизнес-менеджеры (Business Manager) имеют к нему доступы, настройки файлов cookie, активация функции автоматического расширенного поиска совпадений, настройка событий с помощью Event Setup Tool.
К слову, это очень полезный инструмент для тех, кто не разбирается или не может определить, что отслеживать на своем сайте. Активировав настройку, Facebook сам визуально подскажет вам что можно отслеживать. Вам останется лишь соглашаться с его выбором.
В настройках пикселя есть еще одна очень полезная функция, которая называется Разрешение трафика. С ее помощью вы можете внести в черный список некоторые домены, которые отправляют вам данные, которые искажают статистику. Например, мошеннические сайты, которые рассылают реферальный спам (рефспам). Для этого напротив конкретного домена из списка нажмите на Заблокировать.
С помощью пикселя Facebook можно настраивать динамические объявления и показывать рекламу тех товаров, который посетитель сайта просматривал. Как и в контекстной рекламе (динамический ремаркетинг).
Если вы начинаете сотрудничать с рекламным агентством или специалистом по таргетированой рекламе, которому для работы нужны исторические данные, вы можете поделиться пикселем Facebook с другими людьми. Для этого в правом верхнем углу нажмите кнопку Поделиться.
Поделиться пикселем Facebook
Вам откроется раздел Настройки компании, в котором можно добавить конкретных людей для совместного доступа, а также назначить партнеров (компании), выдав разрешения на определенные объекты (рекламные аккаунты).
Поделиться пикселем, выбор доступов
Если вы вдруг по ошибке создали 2 пикселя для одного сайта, удалить его из личного кабинета (общего списка пикселей) будет нельзя. Вы можете только удалить код самого пикселя с сайта, а дубликат пикселя так и останется висеть в источниках данных.
Пиксель Facebook нельзя удалить из личного кабинета
Facebook Analytics — это единственная платформа, созданная на основе данных о более чем 2 млрд человек. Входит в топ-2 самых популярных инструментов аналитики в мире (первый – Google). Это как Яндекс.Метрика и Google Analytics, только для данных, которые собрал пиксель Facebook. Именно поэтому так важно установить его на сайт одновременно с другими счетчиками аналитики, чтобы статистика одновременно собиралась в разных системах.
Подробнее про Facebook Analytics будет разобрано в отдельных материалах.
Понравилась статья? Поставьте оценку 👉
Пиксель Facebook vs котики: будущее и прошлое вашего маркетинга
Соберите все данные для сквозной аналитики вместе с OWOX BI
Соберите все данные для сквозной аналитики вместе с OWOX BI
Помните те времена, когда достаточно было добавить фотографию котенка, и ваша реклама получала сотни лайков и репостов? К сожалению, это больше не работает. Теперь лучший способ привлечь клиентов — сделать релевантный персональный маркетинг для вашей целевой аудитории. Например, собрать необходимую базу данных и сегментировать свою аудиторию с помощью Пикселя Facebook.
бонус для читателей
Чек-лист по размерам рекламы на Facebook
Содержание
Что такое Пиксель Facebook и как он работает
Пиксель Facebook — фрагмент JavaScript кода, который добавляется на каждую страницу сайта. Когда пользователь посещает страницу и/или совершает на ней какое-нибудь действие, пиксель передает информацию об этом в Facebook.
С помощью данных, которые собирает Пиксель Facebook, вы можете отслеживать визиты и конверсии на вашем сайте, оптимизировать рекламу и создавать индивидуализированные аудитории для ретаргетинга. Остановимся на каждой возможности чуть подробнее
1. Точнее таргетировать свою рекламу
Вместо того, чтобы показывать рекламу всем подряд, вы можете создавать аудитории из людей, которым она действительно будет интересна — посетителей вашего сайта.
Например, можно включить в аудиторию:
Все эти признаки можно комбинировать в рамках одной аудитории, как вам удобно. Кроме того, вы можете создавать «Похожие аудитории», чтобы увеличить охват. То есть вы указываете за основу уже созданную аудиторию из посетителей вашего сайта, а Facebook находит среди своих пользователей людей с похожими личными данными (местоположение, возраст, пол, интересы и т. д.).
2. Отслеживать эффективность рекламы
После того, как вы установите Пиксель Facebook на сайт и настроите отслеживание событий в Менеджере рекламы (Ads Manager), вы узнаете, как ведут себя пользователи, которые перешли на ваш сайт из рекламного объявления в Facebook или Instagram.
Можно отследить любые виды конверсий на любых устройствах, которые приносит ваша реклама, и узнать, во сколько вам обходится одно целевое действие. Все клики, регистрации, заказы, покупки и т. д. вы сможете увидеть в отчетах Facebook.
Сравнивайте эффективность рекламы на Facebook и других площадках. Загрузив в Google Analytics данные из Facebook и других рекламных сервисов с помощью OWOX BI, вы сможете в одном отчете анализировать показы, клики, расходы CTR, CPC, ROAS по всем рекламным кампаниям.
3. Оптимизировать свои рекламные кампании
Вы можете настроить кампанию так, чтобы Facebook показывал вашу рекламу только тем людям, которые с большей вероятностью выполнят конверсионное действие. Эта опция называется «Оптимизация для конверсий». Суть в том, что Facebook отслеживает, какие люди совершают покупки или другие действия на вашем сайте, и автоматически показывает объявление пользователям, похожим на ваших клиентов. Чем больше конверсий на сайте, тем точнее работает этот алгоритм. Благодаря этой опции вы сможете повысить количество и снизить стоимость заявок и продаж.
бонус для читателей
Чек-лист по размерам рекламы на Facebook
Как установить на сайт и настроить Пиксель Facebook
Шаг 1. Создайте Пиксель Facebook
В своем рекламном кабинете Facebook перейдите на вкладку «Events Manager» — «Пиксели» и нажмите «Создать пиксель».
В открывшемся окне впишите название вашего пикселя и адрес сайта, нажмите «Создать».
Готово, пиксель создан. Теперь нужно разместить его код на вашем сайте.
Шаг 2. Добавьте Пиксель Facebook на свой сайт
После создания пикселя откроется окно с тремя вариантами его установки:
Вариант 1. Если у вас есть разработчик, который занимается сайтом, отправьте инструкцию по установке пикселя ему на почту, выбрав соответствующий пункт.
Вариант 2. Если вы используете Google Tag Manager. WordPress или другую популярную систему, то установить и настроить Пиксель Facebook можно без ручного редактирования кода.
К примеру, чтобы установить пиксель FB через GTM, кликните по пункту «Подключить партнерскую платформу» (Connect a partner Platform) и выберите Google Tag Manager из перечня партнеров:
Система попросит доступ к вашему GTM. Чтобы его предоставить, выберите email, по которому вы регистрировались в Диспетчере тегов, и нажмите «Разрешить». Затем укажите аккаунт и контейнер, в которые хотите добавить Пиксель Facebook, и нажмите «Завершить настройку»:
Готово. Теперь, если вы зайдете в свой аккаунт Google Tag Manager, то в списке работающих тегов увидите тег Пикселя Facebook, который будет срабатывать на всех страницах.
Вариант 3. Если вы хотите самостоятельно добавить код пикселя на свой сайт, выберите пункт «Установить код вручную» (Manually Install Pixel Code Yourself). Facebook сгенерирует код пикселя, который вам нужно скопировать и вставить между тегами и в заголовке каждой страницы вашего сайта.
Здесь же вы можете включить автоматический расширенный поиск совпадений. Когда клиенты будут оставлять на вашем сайте личную информацию (email, телефон, имя, местоположение, пол), система будет сопоставлять эти данные и искать совпадения среди пользователей Facebook. Это поможет повысить точность данных в отчетах по конверсиям, оптимизировать рекламу и таргетинг.
После размещения кода на страницах вернитесь в настройки пикселя, введите URL своего сайта и нажмите «Отправить тестовый трафик», чтобы убедиться, что пиксель работает.
В течение 20 минут информация о тестовом трафике появится у вас в разделе «Events Manager» — «Пиксели». Если там ничего не появилось, вероятно код установлен неправильно. Как найти ошибку, мы расскажем чуть ниже.
Шаг 3. Настройте события, чтобы отслеживать конверсии
После того, как вы установили код, настройте события, чтобы отслеживать действия людей на вашем сайте и на основании этих действий формировать аудитории для ретаргетинга. Вы можете сделать это двумя способами:
Какой способ выбрать, зависит от того, насколько хорошо вы разбираетесь в коде сайта и какой у вас бизнес. Проектам, которые предлагают различные услуги или контент вполне подойдет второй способ, а вот большим магазинам с тысячами товаров лучше использовать стандартные события. Рассмотрим каждый способ подробнее.
Способ 1. Настройка стандартных событий
Чтобы настроить отслеживание стандартных событий, зайдите на вкладку «Events Manager» — «Пиксели», нажмите «Настроить пиксель», выберите ручную установку кода и пролистайте настройки до пункта «Добавьте события, которые вы хотите отслеживать».
Выберите вашу сферу деятельности и действия из списка, которые вы хотите отслеживать. Например для сферы «Электронная и розничная торговля» Facebook предлагает 17 стандартных событий:
Если кликнуть на конкретное событие, откроется окно, в котором можно увидеть код события и дополнительные настройки. Вверху окна есть два варианта, как отслеживать события:
Здесь же вы можете указать дополнительные параметры, которые хотите отправлять вместе с событием. Например, ценность конверсии или содержание корзины.
Скопируйте код события который получился после добавления параметров:
И добавьте его на страницы сайта, на которых нужно отслеживать конверсии, не меняя при этом базовый код Пикселя Facebook в заголовке:
Способ 2. Создание специально настроенных конверсии
Если вы не хотите возиться с кодом или в стандартных событиях нет такого, которое вам нужно, вы можете создать специально настроенные конверсии с помощью URL-адресов. Например, это может быть адрес страницы «Спасибо за покупку» или страницы, на которую человек попадает после успешной регистрации на вашем сайте.
Зайдите в раздел «Events Manager» — «Пиксели», откройте вкладку «Индивидуально настроенные конверсии» и нажмите кнопку «Создать конверсию».
В открывшемся окне укажите URL страницы (или его часть), при переходе на которую будет засчитываться конверсия. Заполните название, выберите подходящую категорию из списка, если нужно, укажите ценность конверсии и нажмите «Создать».
бонус для читателей
Чек-лист по размерам рекламы на Facebook
Как проверить работу Пикселя Facebook
Если вы установили код пикселя на сайт, настроили события и отправили тестовый трафик, а данные в отчете так и не появились, проверьте работу пикселя. Для начала воспользуйтесь вкладками «Проверка событий» и «Диагностика» в настройках вашего пикселя:
Если с ним что-то не так, то система напишет об этом и даст подсказки, как все исправить. Подробнее о возможным проблемах вы можете почитать в справке Facebook.
Кроме того, вы можете попробовать Facebook Pixel Helper — специальное приложение для браузера Chrome, которое помогает проверить корректность работы Пикселя Facebook.
После того, как вы установите расширение на компьютер, в вашей адресной строке появится вот такой значок. Зайдите на свой сайт, кликните по этому значку и вы увидите, какие пиксели установлены на странице:
Если есть проблемы с пикселем, Facebook Pixel Helper сообщит вам об этом и даст подсказки, что делать:
Подробнее о работе Facebook Pixel Helper вы можете почитать в руководстве для разработчиков.
Резюме
Пиксель Facebook — полезный и удобный инструмент для тех, кто хочет повысить эффективность своего маркетинга в Facebook и Instagram. Он устанавливается на сайт, собирает данные о действиях пользователей и передает их в ваш рекламных кабинет Facebook. Благодаря этому вы можете:
Когда вы освоите Пиксель Facebook и вам недостаточно его возможностей, импортируйте данные из Facebook в Google Analytics, чтобы сравнивать эффективность всех ваших рекламных каналов в одном интерфейсе. Вы можете бесплатно настроить импорт затрат из FB в GA с помощью OWOX BI.