Как установить пиксель на квиз
Обновлено: 30.06.2024
Пиксель Facebook –инструмент, без которого невозможно обойтись, если вы хотите эффективно привлекать на свой сайт потенциальных клиентов из Facebook или Instagram. В этой статье мы разберем основные вопросы, касающиеся пикселя, и рассмотрим несколько способов его установки.
Что такое пиксель Facebook и зачем он нужен?
Пиксель Facebook представляет собой небольшой фрагмент кода JavaScript, который после установки на сайт предоставляет три основные возможности:
- Анализ поведения посетителей
Вы можете настроить в пикселе отслеживание определенных действий (событий) на сайте, чтобы лучше понимать, как ведут себя посетители, и в дальнейшем использовать эту информацию для оптимизации маркетинга. - Автоматическая оптимизация рекламных кампаний
На основании полученных пикселем данных «умный» алгоритм Facebook будет показывать вашу рекламу тем, кто с наибольшей вероятностью совершит нужное вам действие (конверсию). - Создание пользовательских аудиторий
На основе событий пикселя можно создавать специально настроенные аудитории посетителей для ретаргетинга, а также находить других пользователей Facebook, похожих на ваших клиентов.
Установить пиксель Facebook на сайт можно разными способами, выбор конкретного из них может зависеть от нескольких факторов: платформа сайта, его размер и т.п. Давайте рассмотрим несколько популярных способов, а также их плюсы и минусы.
Установка пикселя Facebook непосредственно в код страниц сайта
Для начала нам необходимо получить сам код пикселя. Для этого в верхней панели меню рекламного кабинета Facebook выбираем раздел Пиксели.
Если в вашем рекламном аккаунте еще нет пикселя, у вас откроется окно, в котором нужно нажать кнопку Создать пиксель (Facebook постоянно вносит обновления, поэтому внешний вид окна может отличаться, но суть остается неизменной).
После этого в открывшемся окошке необходимо дать пикселю название и нажать кнопку Продолжить.
На следующем шаге открывается возможность выбора способа установки. Нажимаем Добавление кода пикселя на сайт вручную.
В открывшемся окне мы увидим поле с базовым кодом пикселя Facebook. Копируем его, вставляем в файл .txt и сохраняем.
После этого мы устанавливаем сохраненный код на все страницы сайта, которые хотим отслеживать. Согласно рекомендации Facebook, код пикселя должен располагаться в разделе заголовка, перед закрывающим тегом </head> .Это обеспечивает высокую точность статистики, потому что коды, установленные в разделе заголовка, загружаются первыми.
Способ установки пикселя Facebook непосредственно в код сайта обеспечивает высокую точность статистики и является довольно распространенным, но у него есть потенциальный минус – обилие различных скриптов (счетчиков Яндекс Метрики, Google Analytics и т.д., в том числе пикселя Facebook и его событий) в коде страниц может влиять на скорость их загрузки.
Установка пикселя Facebook при помощи Google Tag Manager
Сначала мы получаем базовый код пикселя в рекламном кабинете, как это описано в предыдущем способе (копируем код пикселя и сохраняем его в .txt файле), после чего переходим в установленный на сайте контейнер Google Tag Manager (GTM) и нажимаем на кнопку Добавить новый тег.
Затем кликаем на поле Конфигурация тега и в отрывшемся окне выбираем тип тега Пользовательский HTML.
В соответствующее поле вставляем базовый код пикселя Facebook из нашего .txt файла.
После этого нам нужно установить триггер активации тега. Прокручиваем страницу ниже, кликаем на поле Триггеры и в открывшемся окне выбираем All pages (Все страницы).
Даем название нашему тегу (например, FB pixel) и нажимаем кнопку Сохранить.
Если у вас большой сайт и много различных счетчиков, то установка пикселя через GTM является предпочтительной. Данный способ обладает двумя важными преимуществами:
- не требует специальных навыков или участия программиста,
- позволяет устанавливать большое количество различных тегов (кодов) на сайт без значительного влияния на скорость загрузки страниц.
Установка пикселя Facebook при помощи партнерских интеграций
Интерфейс установки пикселя Facebook позволяет добавить его на сайт посредством интеграции с популярными платформами – WordPress, Joomla, Wix и многих других. Для этого на шаге выбора способа установки нужно нажать Добавление кода с помощью партнерских интеграций.
На следующем шаге мы видим список доступных партнеров.
Выбрав в списке подходящую платформу, можно довольно быстро добавить пиксель на сайт, следуя простым и понятным пошаговым инструкциям Facebook.
При использовании этого способа установки нужно учитывать один нюанс. На одном из шагов Facebook предлагает настроить события пикселя при помощи специального инструмента, что не всегда является подходящим вариантом. Поэтому можно пропустить этот шаг и просто установить пиксель на сайт, а к настройке событий вернуться позднее (подробно настройку событий пикселя мы рассмотрим в одной из следующих статей).
Проверка правильности установки пикселя Facebook
После того, как мы добавили пиксель на сайт тем или иным способом, необходимо удостовериться, что установка прошла корректно и он работает должным образом. Сделать это можно двумя способами: отправкой тестового трафика из интерфейса Facebook и при помощи специального инструмента Pixel Helper (рекомендую использовать их оба).
Как проверить работу пикселя с помощью отправки тестового трафика
Затем выбираем Добавление кода пикселя на сайт вручную.
После этого возвращаемся обратно на вкладку Обзор на странице пикселя. Если на ней начнут отображаться просмотры страниц (это может занять какое-то время), значит, данные поступают, и пиксель установлен правильно.
Как проверить работу пикселя с помощью Pixel Helper
На приведенной ниже картинке видно, что Pixel Helper нашел на нашем сайте один пиксель, который успешно зарегистрировал событие PageView (Просмотр страницы).
Если у вас отображается эта информация, поздравляю! Пиксель правильно установлен и работает.
Итак, мы рассмотрели несколько способов установки пикселя Facebook на сайт, а также проверку его работоспособности. На следующем этапе для эффективной работы нужно будет настроить отслеживание событий пикселя, об этом мы в самое ближайшее время подробно расскажем в отдельной статье.
Подпишись и следи за выходом новых статей в нашем монстрограмме
Остались вопросы?
Не нашли ответ на интересующий Вас вопрос? Или не нашли интересующую Вас статью? Задавайте вопросы и темы статей которые Вас интересуют в комментариях.
В меню аккаунта (слева вверху) выберите раздел Events Manager и далее, нажмите на кнопку Подключить источник данных (в случае, если вы создаете новый Пиксель):
В появившемся окошке выбираем Интернет и кликаем кнопку Начать:
Далее выбираем Пиксель Facebook и кликаем кнопку Подключить:
Даем название Пикселю и кликаем кнопку Продолжить:
Появившееся новое окно можно закрыть.
В левом верхнем углу, рядом с названием Пикселя копируем его ID:
Далее переходим редактор нужного нам квиза в личном кабинет Marquiz. Заходим во вкладку "Интеграции" => "Facebook Pixel":
Вставляем ранее скопированный ID Пикселя в данное поле:
Важно: Обязательно сохраните квиз после настройки!
Дале, переходим во вкладку "Установка квиза" => "Ссылка на квиз" и копируем прямую ссылку на квиз:
Затем переходим в рекламный кабинет Facebook во вкладку Тестирование событий, вставляем ранее скопированную прямую ссылку на квиз в данное поле и кликаем на кнопку Открыть сайт:
Чтобы не тратить заявки с вашего баланса, вы можете использовать тестовые значения:
с. В поле “имя” можете ввести любое слово Тогда баланс не будет списываться.
ВАЖНО: Если события так и не появились в рекламном кабинете Facebook это значит, что у вас в браузере присутствуют расширения блокирующие рекламу (например Adblock или подобные). Отключите их.
PS: Рекомендуем использовать расширение для браузера Facebook Pixel Helper. В нем вы также сможете видеть, выполняются ли события.
После прохождения квиза, в данном окне будут показаны все ваши события в нем:
После этого, вы можете настроить специальную конверсию на события.
Для основных событий - Просмотр контента с параметром content_name, равным идентификатору цели:
• Посетитель открыл квиз: marquiz-start
• Посетитель дошёл до формы контактов: marquiz-form
• Посетитель увидел результат: marquiz-result (данная цель прописывается при условии, что у вас подключены результаты)
• Посетитель прошёл вопрос N: marquiz-stepN (где N - порядковый номер вопроса. Например, marquiz-step2)
Для событий сбора контактов - Лид с параметром content_name, равным идентификатору цели:
• Посетитель увидел страницу "спасибо": marquiz-finish
• Посетитель заполнил форму контактов (1-й шаг): marquiz-contacts1
ВАЖНО: (данная цель прописывается при условии, что у вас два шага сбора контактов)
• Посетитель заполнил форму контактов (2-й шаг): marquiz-contacts2
ВАЖНО: (данная цель прописывается при условии, что у вас два шага сбора контактов)
Рассмотрим пример настройки Специальной конверсии на завершение квиза.
Нажимаем кнопку Создать и выбираем пункт Создать специально настроенную конверсию:
Если не открылось окно с настройкой автоматически, то кликните на вкладку Обзор чтобы оно появилось:
Далее даем название конверсии, настраиваем как указано на скрине ниже и нажимаем кнопку Создать:
Затем можете пройти ваш квиз заново. В левом меню кликаем на пункт Специально настроенные конверсии и видим, что событие работает!
Также в расширении Facebook Pixel Helper, мы можем видеть, что сработала наша специально настроенная конверсия:
Пиксель отслеживает действия пользователей с любого устройства: мобильника, планшета, десктопа. Пиксель — инструмент оптимизации рекламы. Если при этом выбрать опцию Управление показами на сайте, Facebook автоматически показывает объявления людям, которые с большей вероятностью конвертируются. С помощью данных, которые собирает Пиксель Facebook, вы можете отслеживать визиты и конверсии на вашем квиз опросе, которые генерирует ваша реклама, и рассчитать отдачу — узнать, сколько вы тратите на каждую конверсию — то есть, сколько стоит одно целевое действие - заявка из квиза.
Интеграция с квизом
Для интеграции Facebook Pixel с квизом откройте раздел “Интеграции” в левом меню.
Откроется окно настроек, куда нужно ввести ID пикселя.
Создание Facebook Pixel
Перейдите в вашем рекламном кабинете во владку “Event Manager” - Пиксели и нажмите “Настройки”
В левом боковом меню находим в группе «Источники данных» подпункт «Пиксели». Нажимаем и после нажимаем «Создать пиксель». Если данные пункты отсутствуют, проверьте, создан ли у вас бизнес аккаунт
Введите понятное для вас название пикселя и сохраните настройки.
Затем выберите "Добавление кода пикселя на сайт вручную"
Далее кнопка "Продолжить"
И на втором шаге закрываем окно
Вы попадете на страницу пикселя. Скопируйте ID пикселя. Он нам сейчас понадобится.
Скопируйте ID созданного пикселя и в панели управления QuizGo в настройках пикселя вставьте его в соответствующее поле. Включите интеграцию с Facebook Pixel и сохраните параметры.
После этого откройте квиз по прямой ссылке.
Внимание! Отключите в браузере блокировщик рекламы, например AdBlock. Пройдите весь квиз опрос, в строке состояния появится статус “Активен”.
После этого подождите примерно 10-15 минут, чтобы данные появились в статистике Facebook. После этого на вкладке обзор появятся данные по событиям.
Нажмите “Создать конверсию”.
Выберите необходимую цель из списка событий
Может понадобиться указать правило - иногда без него форма не позволяет создать конверсию на основе стандартного события "Лид". Тогда оставьте настройки правила стандартными, "URL" и "содержит", а в качестве значение добавьте ссылку на квиз - вставьте её в поле и нажмите на Enter чтобы она зафиксировалась. После заполненных остальных полей, кнопка "Создать" станет доступной.
Если хотите создать конверсию на ответ на вопрос, то заполните соответствующие поля в форме
Способ отправки события "Новый лид"
Событие создания нового лида может отправляться двумя способами - из браузера или с сервера.
В первом случае событие поступает в пиксель из браузера пользователя, когда он отправляет форму заявки квиза. Такой способ можно считать стандартным, для него не требуется никаких дополнительных настроек. Во втором случае событие отправляется в пиксель после того как заявка попала в нашу систему. Это опциональный способ отправки, для него понадобится дополнительная настройка.
Вариант с сервером потенциально может быть более надёжным, поскольку на отправку события из браузера могут повлиять посторонние факторы, такие как, например, блокировщик рекламы. При отправке событий с сервера, подобные обстоятельства не смогут повлиять на работу пикселя. Однако если у вас не возникает проблем с статистикой, которую получает пиксель при отправке события из браузера - нет необходимости использовать отправку события с сервера.
! Важно - если вы решите использовать отправку событий с сервера, то проверьте, что отключено “Автоматическое отслеживание событий без кода”. Иначе пиксель будет автоматически распознавать прохождение квиза как отправку заявки и продолжит отправлять событие нового лида из браузера.
Настройка отправки событий с сервера
В первую очередь нужно получить Маркер доступа. Он доступен только в пикселях, созданных в аккаунте Business Manager. Если у вас такого аккаунта нет, то его можно зарегистрировать здесь https://business.facebook.com/. Создаём новый пиксель или же можно использовать уже существующий, если он был создан в аккаунте Business Manager. Переходим в вкладку “Настройки”, листаем немного вниз. В разделе API Conversions нужно нажать "Создать маркер доступа".
Появится окошко с руководством подключения пикселя через API Conversions. Кликаем "Далее", выбираем нужный пиксель. На следующем этапе будет предложено создать Маркер доступа. Нажимаем Сгенерировать маркер доступа.
Теперь необходимо предоставить доступ для отправки и получения данных, для этого в главном меню мы заходим в настройки
Выбираем «Системные пользователи»
Далее «Добавить объекты»
Выбираем «Пиксели», после активируем флажком на нужном вам пиксель, предоставляем доступ и сохраняем изменения
После того как Маркер доступа получен и добавлен в форму интеграции, нужно протестировать отправку событий.
Копируем Test Event Code из вкладки "Тестирование событий".
Вставляем код в форму интеграции на нашем сайте и нажимаем кнопку протестировать.
Если у вас есть предложения по улучшению функционала, пишите нам в чат поддержки. Вместе мы сделаем лучший конструктор квиз-опросов.
Если вы настроили свой пиксель с помощью тегов IMG или планируете это сделать, мы рекомендуем следовать инструкциям, изложенным в документации для разработчиков. Подробнее.
В этой статье описано, как настроить пиксель Facebook и установить его на сайт. Узнать больше о пикселе Facebook и его преимуществах можно здесь.
Если вы уже создали пиксель и хотите найти его базовый код, перейдите к разделу Добавление пикселя Facebook на сайт и выполните инструкции по добавлению кода вручную.
Прежде чем начать
У вас должна быть возможность вносить изменения в код сайта.![]()
Как установить и настроить пиксель Facebook?
- Откройте Events Manager.
- Нажмите Подключить источники данныхи выберите Интернет.
- Выберите Пиксель Facebook, а затем — Подключить.
- Введите название пикселя.
- Введите URL сайта, чтобы узнать, возможна ли быстрая настройка.
- Нажмите Продолжить.
![]()
Как установить пиксель Facebook на свой сайт?
Создав пиксель Facebook, вы можете разместить его код на своем сайте. Инструкции для разных способов настройки отличаются.
Нажмите Открыть инструмент настройки событий, чтобы добавить события и параметры без изменения кода сайта.Подробнее о том, как настроить события пикселя, используя код, см. на сайте Facebook for Developers.
- Откройте Events Manager.
- Выберите нужный пиксель.
- Нажмите Продолжить настройку пикселя.
- Нажмите Использовать партнера.
- Выберите партнера из списка.
- Следуйте инструкциям на экране.
Вы также можете настроить пиксель Facebook, перейдя на страницу с партнерскими интеграциями в Events Manager. Выберите партнера и следуйте инструкциям на экране. Подробнее о преимуществах партнерских интеграций для настройки пикселя.
Если вы не видите свою платформу, воспользуйтесь одними из двух других способов настройки пикселя.
Настройка событий
Добавив базовый код пикселя на сайт, вы сможете настроить события и начать измерять ценные действия, например покупки. Вы можете установить код вручную или с помощью инструмента настройки событий. Когда всё будет готово, убедитесь, что пиксель работает исправно.
Один пиксель можно использовать для всего сайта, в том числе на нескольких страницах.
Если вы используете пиксель для отправки событий в Facebook, рекомендуем также настроить API Conversions. Этот API взаимодействует с пикселем и помогает таким образом повышать результативность и качество измерений ваших кампаний на Facebook. Подробнее об API Conversions.
Примечание. Apple требует, чтобы все приложения в App Store, которые выполняют "отслеживание" (по определению Apple), показывали пользователям iOS версии 14.5 и более поздних диалоговое окно с запросом разрешения на отслеживание через фреймворк AppTrackingTransparency. Это влияет на процессы получения и обработки событий, регистрируемых такими инструментами для бизнеса, как пиксель Facebook. Если вы выполняете оптимизацию, настраиваете таргетинг или составляете отчеты о веб-событиях с помощью пикселя Facebook или других инструментов Facebook для бизнеса, ознакомьтесь с инструкциями по настройке событий в приложении и подготовке к предстоящим обновлениям. Подробнее.
Подробно о работе с пикселем Facebook
Bitrix
Bitrix представляет собой CSM или Content management system, т.е. систему для создания управления и редактирования содержимым сайта и самим сайтом.
Для установки пикселя на CMS первым делом необходимо войти в свой аккаунт Facebook Ads и скопировать ID пикселя. На самом деле, это первый шаг установки на любой из рассматриваемых сегодня сервисов.
- После входа непосредственно в панель управления вашим ресурсом откройте меню «Настройки» и выберите пункт «Настройки сайта».
- В появившемся окне вы увидите вкладку «Дополнительно», сместившись незначительно вниз.
- В этой вкладке вам необходим пункт «Размещение пикселя». Определенно точно вы быстро его заметите.
- В открытом окне необходимо поставить «галочку» в чек-боксе «Facebook»
- Далее в появившемся текстовом поле введите идентификатор пикселя, скопированный ранее
- «Сохранить» и опубликовать изменения на сайте
Пиксель уже готов собирать данные о действиях пользователя и работать на вас.
- Перейдя в аккаунт на Wix сразу же направляемся к вкладке «Настройки»
- В «Пункте управления» выбираем «Маркетинг»
- А в появившемся меню находим «Интеграции»
- В отдельно стоящем блоке «Facebook Pixel» выбираем «Подключить», а далее «Добавить пиксель Facebook»;
- Во вновь открывшемся окне вставьте ID пикселя, скопированного в первом пункте
- И нажмите «Применить»
Все внесенные настройки сохранены, а пиксель готов к работе.
Учтите, что пиксель Facebook можно добавлять в сайты, работающие на тарифе Wix Premium и с подключенным своим доменом.
TILDA
Стоит учитывать, что как и в работе с WIX, установка пикселя на сайт с движком Tilda доступна только пользователям платных тарифов. Сама же установка состоит из следующих последовательных шагов:
Если же вы предпочитаете делать все «вручную», то для этого вам понадобиться:
- В меню настроек выбрать пункт «Еще»
- Найти раздел «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и перейти в него
- Зайти в «Редактировать код»
- После чего вставить код пикселя
- Сохранить и опубликовать изменения сайта
Работать можно и с тем, и с другим вариантом, каждый выбирает то, что удобно именно ему. Но в обоих способах, на наш взгляд, пиксель устанавливается довольно легко и просто.
WordPress
Для начала взаимодействия с плагином, и установки пикселя с его помощью необходимо
Настройка пикселя Facebook с помощью плагина WordPress завершена, а пиксель готов к работе.
Настройка вручную
- Выбрать вкладку «Подключите действия на сайте с помощью пикселя»
- Перейти во второй блок «Добавление кода пикселя на сайт вручную»
- В появившемся окне «Установка пикселя», выбрав пункт «Установка базового кода на сайте» вы увидите непосредственно сам код пикселя. Нажмите на него один раз, чтобы скопировать в буфер обмена.
- Следующим шагом перейдите в консоль управления вашего сайта на WordPress, после чего в пункте меню «Внешний вид» перейдите в подпункт «Редактор тем»
- Справа найдите «Файлы темы» и определите файл «Заголовок (header.php)»
- После загрузки всего содержимого заголовка в редакторе вам необходимо найти тэг и вставить код пикселя перед ним
- Обновите файл нажав, что очевидно, «Обновить файл»
- В Ads Manager обязательно проверьте работу настроенного пикселя тестовым трафиком
- Нажмите «Продолжить»
Настройка пикселя Facebook на WordPress вручную завершена.
Как вы могли заметить, в настройке и установке пикселя нет совершенно ничего сложного. В особенности если следовать шаг за шагом по четко прописанной последовательности.
Не забывайте подписаться на канал и вступить в чат:
Больше годноты на канале — Довольный Арбитражник
Обсудить и задать вопросы в чате — Арбитраж трафика | Довольный
Так же рекомендуем к прочтению: RevShare или CPA — что выбрать к использованию?
Читайте также: