Facebook conversion API для ClickFunnels с использованием server GTM

Автор
Stape
Опубликовано
July 19, 2022
Также есть

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

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

Если вы размещаете рекламу на Facebook или используете любой другой источник платного трафика на лендингах ClickFunnels, отслеживание и отчетность о конверсиях на каждом этапе воронки - вплоть до долларов и центов - является обязательным условием для того, чтобы сделать ваши кампании прибыльными и добиться максимального ROAS.

Как сделать так, чтобы Facebook получал достаточно данных, чтобы его алгоритмы лучше работали над оптимизацией рекламы? Ну, это нелегкая задача, учитывая недавние ограничения на отслеживание. Но что определенно может помочь улучшить точность отслеживания ClickFunnels, так это отслеживание на стороне сервера. Если мы сосредоточимся на FB, то это внедрение Facebook conversion API.

В этой статье я покажу подход команды Stape к настройке Facebook conversion API для ClickFunnels.

Интеграция встроенного Facebook conversion API в ClickFunnelsСкопировать ссылку на этот раздел

ClickFunnels предлагает фантастический конструктор сайтов, но я был удивлен, что в нем нет встроенной интеграции Facebook Conversion API.

Интеграция ClickFunnels Facebook CAPI не предлагает всю ту лучшую практику, которую рекомендует Facebook. Вот некоторые наиболее существенные недостатки:

1. Нет дедупликации событий.Скопировать ссылку на этот раздел

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

В большинстве случаев дедупликация Facebook использует два параметра для определения избыточных событий: имя события (например, PageView, Lead, Purchase и т.д.) и ID события. События считаются избыточными, если веб-события и события сервера имеют одинаковые имена событий и идентификаторы событий.

Два других параметра могут быть полезны для дедупликации событий fbp и/или External ID.

Самый лучший и простой способ убедиться в том, что вы правильно настроили дедупликацию, - использовать инструмент тестирования событий Facebook. При правильной настройке тестовые события должны появиться в инструменте FB Test Events в течение 30 секунд.

2. Низкий event match quality.Скопировать ссылку на этот раздел

При использовании встроенной интеграции ClickFunnels оценка качества совпадения событий, которую вы получите, будет меньше 5. Самый высокий показатель качества совпадения событий, который вы можете получить в Facebook, - 10. Так 5 из 10 - это хорошо или плохо? Ну, это зависит от события.

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

Допустим, вы сообщаете Facebook о двух событиях: просмотр страницы и покупка. Когда пользователь посещает ваш сайт, информации о нем немного. Это могут быть некоторые технические данные, такие как IP-адрес пользователя или его браузер. С другой стороны, когда пользователь совершает покупку на вашем сайте, скорее всего, он добавляет данные для выставления счета, такие как имя, фамилия, электронная почта, город и т. д.

Таким образом, качество совпадения 5 для события просмотра страницы является хорошим, так как никакая дополнительная информация не может быть отправлена, если только пользователь не вошел в систему или вы не используете Firestore (или любую другую базу данных) для обогащения пользовательских данных. В то же время, качество совпадения события 5 может считаться низким для события покупки, поскольку у вас есть дополнительные данные пользователя, которые могут быть переданы в FB.  

Facebook поощряет отправку как можно большего количества параметров пользователя, таких как имя, фамилия, электронная почта, страна и т.д. Они говорят, что чем больше информации о пользователях вы предоставите, тем лучше. Любопытно, почему они так просят? Это все для того, чтобы получить лучшую атрибуцию конверсии и качественную аудиторию, что может привести к лучшему ROAS и более низкой стоимости/конверсии.

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

3. Отсутствие настройки событий сервера.Скопировать ссылку на этот раздел

Нет возможности контролировать, какие события ClickFunnels отправляет на серверы FB, и нет возможности настраивать данные сервера. Допустим, вы хотите отслеживать нажатия на кнопки, конкретные просмотры продукта или прокрутку - все эти пользовательские события невозможно добавить к встроенной интеграции ClickFunnels с FB CAPI.

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

Существует несколько способов улучшить отслеживание конверсий FB в ClickFunnels. Stape подходит к этому путем настройки Facebook conversion API с помощью сервера Google Tag Manager. В этой статье я опишу, как мы это делаем.

Как настроить Facebook conversion API для ClickFunnels с помощью сервера Google Tag ManagerСкопировать ссылку на этот раздел

Вот что вам необходимо иметь перед настройкой Facebook conversion API для ClickFunnels:

  • Отслеживание пикселей Facebook с помощью веб-менеджера Google Tag Manager.
  • Серверный контейнер Google Tag Manager должен быть уже создан и настроен.

Давайте приступим к настройке FB CAPI для ClickFunnels.

1. Первым шагом будет отправка данных из веб-GTM на серверный GTM. Мы настоятельно рекомендуем использовать тег данных, так как запросы, отправленные с помощью тега данных, более устойчивы. Откройте веб-контейнер GTM и добавьте Data Tag из галереи шаблонов. Если вы решите использовать GA4 для отправки данных из web в sGTM, я рекомендую все равно добавить Data Tag в шаблоны web GTM, потому что позже мы будем использовать его для хранения данных пользователей. 

2. В этом примере я настрою события page_view и lead с помощью FB CAPI. Чтобы FB CAPI работал правильно, мне нужно отправить данные пользователя и ID события для этих двух событий. Добавление идентификатора события - простой шаг. Мы начнем с этого. Я буду использовать шаблон переменной от Stape - Unique event ID для web GTM. 

Добавьте шаблон уникальной переменной ID события в ваш веб-контейнер GTM -> Создайте уникальную переменную ID события и добавьте ее в ваши пиксельные теги FB. В моем случае я использую пользовательский HTML для настройки событий пикселей FB, потому что мне нужно использовать trackSingle для отправки данных о событиях одному пикселю FB. В этом случае добавление ID события должно выглядеть так, как показано на скриншоте ниже.

Facebook event ID custom HTML

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

Facebook event ID Facebook tag web GTM

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

  • JS-переменная, которая собирает данные пользователя со страницы.
  • Тег данных, который сохраняет данные пользователя в cookies или локальном хранилище.
  • Переменная данных, извлекающая сохраненные пользовательские данные.

Создайте тег данных, который срабатывает всякий раз, когда пользователь отправляет контактную форму. Тег данных сохраняет данные пользователя (имя, электронную почту и номер телефона) в локальном хранилище и cookies при срабатывании.

store user data in cookies
store user data in local storage

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

function() {     if (document.querySelector('input[name = "email"]')) {         return document.querySelector('input[name = "email"]').value;     }     return ""; }

4. На предыдущем этапе мы успешно извлекли пользовательские данные с сайта и сохранили их. Способность Data Tag хранить данные пользователя помогает добавлять данные пользователя, когда они недоступны на сайте. Например, когда происходит перенаправление после успешного заполнения контактной формы. В этом сценарии данные пользователя доступны на одной странице, но событие срабатывает на другой.

Для извлечения пользовательских данных, которые были сохранены с помощью Data Tag, я буду использовать Data Variable, которая доступна в галерее шаблонов веб-GTM. 

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

data variable

5. Теперь давайте настроим Data Tag для отправки данных из веб GTM на сервер GTM. Создайте новый тег, выберите тип тега Data Tag, добавьте название события и задайте server GTM URL. В данные события я добавлю event_id, который мы установили в шаге #2. Внутри данных пользователя я добавлю все параметры пользователя, которые мы сохранили с помощью Data Tag и извлекли с помощью Data Variable. 

data tag send lead data

6. Чтобы дедупликация событий работала правильно, необходимо использовать один и тот же триггер для сопоставления событий, отправленных тегом Data и пиксельным тегом FB. 

7. Возможно, вы также захотите добавить пользовательские параметры в FB pixel tag. Для чего это нужно? Потому что когда FB видит два одинаковых события от веб и сервера, он удаляет серверное событие и оставляет только веб. Если вы отправляете пользовательские данные в серверном событии, эти пользовательские параметры также будут удалены. Если в пиксельный тег FB не добавлены параметры пользователя, вы потеряете дополнительную информацию, которая может быть полезна для алгоритмов FB. 

В моем случае я добавил данные пользователя в пользовательский HTML-тег, который я использую для отправки лид-событий в FB pixel.

Facebook lead event custom html

8. Давайте, наконец, перейдем в серверный контейнер GTM и настроим FB CAPI. Я буду использовать Data Client для получения информации, отправленной в sGTM с помощью Data Tag. К сожалению, в sGTM нет шаблонов Client, поэтому вам придется импортировать Data Client с GitHub вручную. Откройте эту ссылку и скачайте zip-файл с GitHub. Перейдите в раздел шаблонов Clients в sGTM -> Нажмите новый клиент -> Импортируйте Data Client.

stape data client

9. Откройте раздел Клиенты и создайте Data Client.

set up data client

10. Внутри контейнера sGTM добавьте шаблон тега FB CAPI из галереи шаблонов. Создайте новый тег FB CAPI. Выберите метод имени события -> Добавить FB pixel, FB access token и FB test ID. Я рекомендую включить флажок Generate _fbp cookie, если он не существует. Это поможет с атрибуцией FB -> Добавить идентификатор события и данные пользователя. Для извлечения данных пользователя я буду использовать переменную данных события. Этот тег должен срабатывать при каждом событии, заявленном Data Client.

Facebook Conversion API tag
Facebook Conversion API trigger
event data sgtm

11. Настройте тег Facebook Conversion API для каждого события, которое вы хотите отслеживать на стороне сервера. После этого откройте отладчики веб- и серверного GTM и инструмент тестирования FB и проверьте конфигурацию. Если все сделано правильно, вы должны увидеть срабатывание FB pixel в веб-GTM, срабатывание FB CAPI-тегов в sGTM, а также дедуплицированные события и параметры событий в инструменте тестирования событий. 

12. Через пару дней в FB events manage вы должны увидеть что-то похожее на то, что я показываю на скриншоте ниже. События отправляются как из браузера, так и с сервера. У события достойный показатель качества и нет ошибок дедупликации. 

Facebook conversion api clickfunels

Заключение:Скопировать ссылку на этот раздел

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

После введения ограничений на отслеживание точное отслеживание конверсий уже невозможно при использовании только браузерного отслеживания. К сожалению, встроенное в Clickfunnels решение FB CAPI не обеспечивает хорошей точности отслеживания FB на стороне сервера. Лучший способ подойти к FB CAPI для ClickFunnels - настроить его вручную с помощью серверного GTM-контейнера.

Надеюсь, эта статья помогла вам настроить FB CAPI для ваших лендингов Clickfunnels. Если вам нужна помощь в настройке ss-трекинга для вашего сайта, обращайтесь к нам!

Теги:Facebook

Хостите свой сервер GTM на Stape

Регистрируясь, вы соглашаетесь с Условиями использования и Политикой конфиденциальности Stape