Удобным инструментом для получения статистических данных из соцсетей является пиксель. Его можно установить в Facebook. Чтобы правильно использовать этот инструмент, важно выполнить настройку. В этой статье представлено подробное руководство, как правильно работать с подобным кодом в соцсети, чтобы собирать нужные данные для продвижения. Зная, как установить и проверить работу пикселя Facebook, нужно понимать, как использовать этот инструмент.

Оглавление

  1. Зачем настраивать события пикселя.
  2. Стандартные и специальные настройки.
  3. Способы выполнения настройки кода в Facebook.
  4. Выполнение настройки прямо в коде страницы.
  5. Использование инструмента Facebook.
  6. Использование Google Tag Manager.

Зачем настраивать события пикселя

Как настроить события пикселя Facebook

Перед выполнением настройки нужно понять, зачем вообще настраивать код на странице. Событием называется действие, совершенное пользователем на странице. Это, например, может быть просмотр определенной информации, заполнение формы с контактной информацией, добавление товара в корзину или что-то другое.

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

Правильная настройка пикселя позволят правильно выстроить стратегию в области таргетинга. Эта работа выполняется на основе анализа трафика. Используя стандартные возможности пикселя, невозможно проводить глубокие исследования статистических данных.

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

  • Отслеживание поведения пользователей, что позволяет делать выводы обо всех этапах воронки продаж.
  • Определение пользовательских аудиторий. На основе полученной информации выстраиваются цели и планы оптимизации маркетинга в соцсетях.
  • Поиск других пользователей соцсети, которые с большой долей вероятности сделают покупку или другое целевое действие.
  • Использование возможностей динамической рекламы.

Стандартные и специальные настройки

События пикселя можно разделить на 2 категории: стандартные и специальные. В первом случае код уже имеет настройки, основанные на обычных действиях в области конверсии. Они распознаются в маркетинге и поддерживаются при выполнении планов в области рекламы в соцсетях.

Кроме анализа действий пользователей стандартные события применяются для оптимизации продвижения в Фейсбуке. На основе собранной информации строится понимание целевой аудитории. Стандартно пиксель отслеживает события при помощи функции fbq(‘track’). После нее следует название события.

Эта функция может быть прописана в любом месте кода. Она находится между открывающим и закрывающим тегами. Активация происходит как при открытии страницы, так и при выполнении указанного целевого действия посетителем.

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

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

Стандартные события пикселя в Фейсбуке следующие (указываются после тега fbq(‘track’)):

  • Добавление платежной информации – ‘AddPaymentinfo’.
  • Добавление в корзину – ‘AddToCart’.
  • Добавление в список пожеланий – ‘AddToWhishlist’.
  • Завершение регистрации – ‘CompleteRegistration’.
  • Контакт – ‘Contact’.
  • Персонализация товара – ‘CustomizeProduct’.
  • Пожертвование – ‘Donate’.
  • Поиск места – ‘FindLocation’.
  • Начало оформления заказа – ‘InitiateCheckout’.
  • Лид – ‘Lead’.
  • Покупка – ‘Purchase’ {value. 0.00, currency: ‘USD’}.
  • Запись – ‘Schedule’.
  • Поиск –‘Search’.
  • Начало пробного периода – ‘StartTrial’, {value: ‘0.00’, currency: ‘USD’, predicted_ltv: ‘0.00’}.
  • Отправка заявки – ‘SubmitApplication’.
  • Подписка – ‘Subscribe’, {value: ‘0.00’, currency: ‘USD’, predicted_ltv: ‘0.00’}.
  • Просмотр контента – ‘ViewContent’.

События, настроенные специально, не входят в перечисленные выше события. Они отслеживаются при использовании тега fbq(‘trackCustom’). Дальше следует соответствующее название требуемого целевого действия, которое будет отслеживать система. Оно придумывается владельцем страницы. Название не должно быть длиннее, чем 50 символов. Например, нужно отслеживать количество посетителей, которые поделились в Фейсбуке информацией о вашей промоакции. Тег будет выглядеть так: fbq(‘trackCustom’, ‘ShareDiscount’).

Эта функция тоже может быть указана в любом месте между открывающимся и закрывающимся тегами. Она активизируется при запуске страницы и после совершения указанного целевого действия.

Специальные настройки помогут отслеживать практически любое целевое действие посетителя на странице. На основе полученной информации можно анализировать эффективность маркетинга и создавать соответствующие аудитории пользователей.

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

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

Способы выполнения настройки кода в Facebook

Как настроить события пикселя Facebook

Как и в случае установки, так и при настройке пикселя в Фейсбук есть несколько способов выполнения требуемых действий. Настройка может выполняться следующими способами:

  • В коде страницы.
  • При помощи специального инструмента, предусмотренного в соцсети.
  • При использовании Google Tag Manager.

Выбор способа зависит от определенных условий. Чаще всего применяется третий способ. Менеджер тегов от Google позволяет применить весь возможный инструментарий без привлечения к процессу профессионального программиста. При этом вы сможете выполнить настройку практически любого количества событий. Это не отразится на скорости загрузки вашей коммерческой страницы в соцсети.

Выполнение настройки прямо в коде страницы

Этот способ обычно подходит для владельцев страницы в Фейсбук, которые решили обратиться к помощи программиста. В этом случае теги прописываются непосредственно в коде страницы.

Чтобы выполнить соответствующие действия, нужно получить код требуемого события. Его можно найти в кое пикселя. Сначала следует перейти в Events Manager. Здесь на вкладке «Обзор» нужно выбрать строку «Настроить». Далее выберите «Настроить новые события».

После выполнения этого действия откроется окно, в котором нужно нажать «Добавить код вручную». Дальше можно указать тип компании, чтобы Фейсбук предложил вам рекомендуемые теги.

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

Как настроить события пикселя Facebook

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

  • при загрузке страницы;
  • при совершении целевого действия.

Сформировав код, его можно отправить вместе с инструкциями по настройке вашему программисту. Необходимая информация будет отправлена по электронной почте.

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

В этом случае нужно выбрать настройки лида, нажав на кнопку «Еще» в верхнем левом углу. Здесь нужно задать параметр «Отслеживать во время загрузки страницы». Теперь нужно вставит сформированный и сохраненный ранее код события. Нужно найти пункт «Вставка кода события «Лид»». Он вставляется вместе с инструкциями по установке.

Дальше появится информация о примерном месте на странице, куда будет установлен код. Вставит соответствующую запись нужно вместо строки insert_event_code_here. Стандартно предлагается указать код сразу после тега открытия <body> (или хотя бы максимально недалеко от него).

Этот тип настройки возможет в том случае, если установка пикселя была выполнена четко в соответствии с инструкцией Фейсбук. В противном случае могут возникнуть определенные трудности. Убедитесь, что пиксель находится непосредственно перед тегом закрытия </head>. Также перед настройкой события нужно убедиться, что код отслеживания статистических данных работает корректно.

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

Можно поступит иначе, модифицировав базовый код пикселя, адаптировав его под соответствующую страницу. В этом случае код события будет добавлен сразу после пикселя и события «Просмотр страницы». Это действие нужно выполнить только для той страницы, где требуется выполнить модификацию.

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

Инструкции по настройке будут изменены в соответствии с заданным параметром. Отслеживание события будет выполняться сразу после нажатия кнопки пользователем. Следуя инструкции Фейсбук, настраивается соответствующее действие. Лучше доверить эту работу программисту.

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

Использование инструмента Facebook

Фейсбук предлагает специальный инструмент для настройки событий пикселя. Скрипты не добавляются в этом случае непосредственно в код страницы. Чтобы воспользоваться этим способом, нужно предварительно настроит на сайте код отслеживания статистических деланных. Конечно, этот инструмент имеет ограниченный функционал, но разработчики трудятся над его усовершенствованием.

Использовать инструмент Фейсбук можно только при настройке стандартных событий. Преимуществом этого способа является простота. Не потребуется менять код страницы, что для большого сайта или отслеживания большого количества событий важно.

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

  • банки;
  • брокерское дело;
  • финансовые услуги;
  • страхование;
  • розничная торговля;
  • кредитование;
  • ипотека;
  • финансирование;
  • здравоохранение;
  • фармацевтика.

Если ваша деятельность лежит в области других отраслей, можно выполнить ряд несложных действий, чтобы настроить отслеживание. В меню Events Manager нужно перейти во вкладку «Обзор». Здесь выберите «Настройки», а затем пункт «Настройка новых событий».

В открывшемся окне нужно выбрать «Используйте инструмент настройки событий Facebook». В соответствующем поле введите URL вашего веб-ресурса. Сервис подключится к нему. Перед выполнением этих настроек, нужно отключит блокировку всплывающих окон в вашем браузере. Теперь нужно выбрать «Открыть сайт».

В другой вкладке откроется ваш URL, поверх нее вы увидите окно для настройки события, предусмотренное в Фейсбук. Действия выполняются несложно в соответствии с понятной интуитивно инструкцией.

Здесь можно найти стандартные варианты событий, которые будет отслеживать сервис. Они формируются на основе статистики действий пользователей на указанной вами странице. Можно просмотреть список предложений, нажав на кнопку «Проверка».

Чтобы подтвердить отслеживание соответствующего действия, нужно поставить галочку напротив, а затем кнопку «Подтвердить». Можно отклонить предложения сервиса, если предложенное событие не интересует вас в данный момент.

Можно не использовать рекомендации инструмента, выполнив настройки вручную. Для этого нужно ввести адрес соответствующей страницы в поле настройки. Например, это будет страница «Спасибо!» при отслеживании лидов. Перейдите на эту страницу и нажмите в окне инструмента Фейсбук «Отслеживать URL». Затем откроется форма настроек. В выпадающем меню нужно выбрать интересующее вас событие для отслеживания.

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

Если событие должно отслеживаться по факту выполнения целевого действия на странице, В настройках нужно указать «Отслеживание новой кнопки».

После выполнения этого действия внизу страницы появится надпись «Click on a highlighted button to set up your event». Прокрутите страницу вниз, чтобы убедиться, что на ней ест кнопки, подсвеченные цветом. Это означает, что система их определила и будет выполнять отслеживание нажатия на них.

Фейсбук выдвигает четкие требования относительно технических параметров кнопок для отслеживания. Поэтому часто случается, что стандартный сервис просто не определяет их. Чтобы решит проблему, придется подгонять кнопки под требования соцсети. Это не всегда возможно, поэтому придется использовать другие способы настройки отслеживания.

Если кнопка была подсвечена цветом, на нее нужно нажать. Появится окно настроек, в котором нужно выбрать стандартное событие. Затем нужно нажать кнопку «Подтвердить».

Используя инструмент, предусмотренный Фейсбук, можно самостоятельно, без помощи программиста настроить отслеживание нужных параметров. Возможно, со временем этот сервис станет совершеннее, что откроет новые возможности в области использования пикселя.

Использование Google Tag Manager

Как настроить события пикселя Facebook

Менеджер тэгов от Google имеет много преимущетв по сравнению с предыдущими способами настройки. Он не нуждается во вмешательстве в код страницы, позволяет отслеживать широкий спектр событий, в том числе и специальных. Скорость загрузки страницы остается высокой.

Чтобы использовать этот инструмент, нужно получить код настройки события, как было описано выше. После этого нужно зайти в Google Tag Manager, который установлен на сайте. Здесь нужно перейти на вкладку «Теги». Нажмите кнопку «Создать».

В настройках нужно нажать на строку «Пользовательский HTML». Теперь нужно скопировать сохраненный код события и вставить его в поле HTML. Далее определяются триггеры активации события. Информация о нем будет отправляться в пиксель. Для этого нужно кликнуть на поле «Триггеры». В открывшемся окне нужно нажать кнопку «+». Она находится справа вверху.

Если нужно, например, отслеживать лид при загрузке страницы, нужно выбрать параметр «Просмотр страницы». Отметку нужно поставить возле строки «Некоторые просмотры страницы». Дальше укажите адрес URL страницы, которую видит пользователь после совершения целевого действия. Триггеру нужно дать соответствующее название, а затем сохранить настройки. Теперь он появится в поле события, которое тоже должно быть названо в соответствии с его типом.

Стоит учесть, что теги менеджера тегов загружаются асинхронно. Здесь также важно, чтобы код пикселя загружался перед кодом события. Для этого в поле Конфигурации тега нужно выбрать вкладку «Расширенные настройки». После этого нужно зайти на вкладку «Порядок активации тегов». Нужно поставить галочку напротив надписи «Активировать тег перед тегом». Далее нужно нажать на строку «Выберите тег».

Загрузится окно, в котором нужно выбрать тег вашего базового пикселя в этой соцсети. Это позволит кодам загружаться в правильно порядке для корректного сбора информации. Теперь нужно опубликовать контейнер. Для этого просто нажмите кнопку «Отправить».

Если нужно настроить отслеживание по нажатию кнопки, нужно выполнить соответствующие настройки. Нужно найти кнопку, которая будет отслеживаться пикселем, в браузере. Откройте страницу отслеживания в Google. Найдите нужную кнопку и кликните по ней правой кнопкой мыши. Нужно выбрать строку «Просмотр кода».

В консоли разработчика нужно найти информацию о кнопке. Она выделена в коде. Например, это может быть класс form_button. Дальше указан текст, который есть на кнопке.

Теперь вернитесь в менеджер тегов и перейдите в раздел «Переменные». Выберите вкладку настроек. Нужно поставить галочки напротив нужных переменных. Теперь можно перейти в «Триггеры» для создания нового элемента. В настройках нужно  выбрать «Все элементы».

Нужно настроить активацию, для чего ставится галочка напротив надписи «Некоторые клики». В соответствующие поля нужно вставить сохраненные атрибуты кнопки для сбора статистической информации. Это класс элемента и текст на нем.

Триггеру нужно дать название, а затем выполнить сохранение. В настройках соответствующего тега активацию нужно связать с созданным триггером.

Стоит убедиться, что настройки были выполнены правильно, тег функционирует. Для этого воспользуйтесь режимом предварительного просмотра, который нужно включить на верхней панели. Перейдите на ваш сайт и нажмите на указанную кнопку. Тег должен отобразиться в панели менеджера.

Стоит выполнить проверку отправки события. Для этого можно воспользоваться сервисом Pixel Helper. Галочка напротив события должна стать зеленой.

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