Facebook conversion API для WordPress

Вы ищете простой способ настроить Facebook conversion API для вашего сайта WordPress? В этом посте мы расскажем все, что вам нужно знать о Facebook Conversion API. Затем мы выполним пошаговые инструкции по настройке Facebook Conversion API для WordPress с помощью серверного GTM плагина от stape.

Почему стоит внедрить FB CAPI для WordPressСкопировать ссылку на этот раздел

Мы использовали Facebook Pixel в течение многих лет, чтобы увидеть, как работает наша реклама, и создать отличную аудиторию для ремаркетинга. Однако влияние Facebook Pixel ослабевает благодаря усовершенствованиям конфиденциальности в iOS 14 и предстоящему отказу от cookies в следующем году.

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

Устойчивость к блокировщикам рекламыСкопировать ссылку на этот раздел

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

Улучшенная оптимизацияСкопировать ссылку на этот раздел

Facebook Conversion API для WordPress предоставляет дополнительные точки данных, которые могут помочь вам оптимизировать ваши кампании, например, пользовательские события, такие как время пребывания на сайте, глубина прокрутки и отправка формы. Это позволит вам лучше понять поведение пользователей.

Лучшая атрибуцияСкопировать ссылку на этот раздел

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

Как настроить Facebook Conversion API для WordPressСкопировать ссылку на этот раздел

Установите серверный контейнер Google Tag Manager на StapeСкопировать ссылку на этот раздел

1. Перейдите на сайт https://tagmanager.google.com/ и войдите в свой аккаунт Google Tag Manager.

2. Нажмите на кнопку "Admin", а в колонке "Containers" нажмите на кнопку "+ Create Container".

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

4. Выберите опцию "Manually provision tagging server" и скопируйте появившуюся конфигурацию контейнера. Сохраните эту конфигурацию в текстовом редакторе, так как она понадобится вам позже.

5. Войдите в свою учетную запись на нашем сервисе или создайте новую учетную запись, если вы этого еще не сделали.

6. После входа в систему нажмите на кнопку "Создать контейнер". Дайте контейнеру имя, вставьте конфигурацию контейнера, которую вы скопировали из серверного контейнера Google Tag Manager, и выберите местоположение сервера. Нажмите "Создать контейнер".

7. Подождите около 5 минут, пока серверный контейнер начнет работу. Обновите страницу, чтобы обновить статус. Если установка была выполнена правильно, вы должны увидеть статус "Running". Если вы видите "Ошибка", проверьте, правильно ли вы скопировали конфигурацию контейнера. Обратитесь в службу поддержки, если ошибка не исчезла.

8. На этом шаге необходимо настроить URL-адрес тегов (tagging URL).

У вас есть два варианта:

• Вы можете использовать URL-адрес тегов, который был создан для вас и размещен на нашем домене (stape.io).

• Или используйте кастомный домен. Я настоятельно рекомендую использовать этот вариант, поскольку он поможет предотвратить блокировку отслеживания и увеличит срок службы файлов cookie.

Если вы выбрали первый вариант, перейдите к шагу 9.

Если вы хотите настроить кастомный URL тегов, нажмите "Add domain" под stape provided tagging URL -> войдите в службу доменных имен и создайте новую запись DNS для поддомена, который вы хотите использовать. Вы можете использовать любое имя поддомена.

Добавьте эти настройки:

    Тип: A

    Имя: ss (or any other subdomain name you want)

    IPv4 адрес: IP address depends on the location of the servers. You can find the custom domain IP address in your stape.io account.

    TTL: Auto

    Proxy status: отключить

Ваши настройки должны выглядеть следующим образом:

9. Вы можете включить функцию Global CDN для серверного контейнера, которая использует технологию Cloudflare для загрузки js-файлов с сервера, расположенного ближе к посетителям вашего сайта, что приводит к более быстрой обработке js-файлов и повышению скорости работы страницы. Перед включением этой функции учитывайте правила конфиденциальности вашей страны. Добавьте запись CNAME, чтобы заставить Global CDN работать.

После включения Global CDN вам нужно будет добавить запись CNAME для работы Global CDN.

10. Добавьте URL-адрес сервера тегов в серверный контейнер Google Tag Manager, перейдя в "Admin", затем "Settings" и выбрав "Container Settings".

Настройка плагина GTM на стороне сервера для WordPressСкопировать ссылку на этот раздел

1. Войдите в админку WordPress и перейдите к плагинам. Затем нажмите "Добавить новый", введите "GTM Server-Side", выберите этот плагин и нажмите "Установить сейчас". После установки нажмите Активировать.

2. Откройте плагин GTM Server-Side, который вы установили в первом шаге, и вставьте URL тегов в настройки плагина. Далее выберите, хотите ли вы добавить веб-GTM на все страницы сайта или просто добавить функциональность плагина без добавления скрипта GTM (эту опцию следует использовать в том случае, если вы используете любой другой плагин, который вставляет скрипт GTM на сайт). Далее добавьте идентификатор WEB Google Tag Manager, URL сервера тегов и идентификатор контейнера stape, если вы хотите использовать custom loader.

3. Если у вас есть сайт электронной коммерции (eCommerce) и вы хотите передавать события электронной коммерции и данные пользователей на слой данных, перейдите на вторую вкладку плагина и включите два флажка. Обратите внимание, что он может работать только с магазинами woocommerce.

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

1. Внутри Web-контейнера создайте новый тег типа Google Tag. Добавьте идентификатор тега Google.

В разделе Настройки конфигурации добавьте следующие параметры:

• Name: server_container_url
• Value: Введите URL-адрес

Добавьте триггер в тег GA4. В норме он должен срабатывать при всех просмотрах страницы.

Можно также создать Google tag: Configuration settings переменную, которая будет предопределять настройки тегов Google, если вам необходимо использовать несколько тегов Google на вашем сайте и вы не хотите добавлять настройки для каждого из них вручную.

Такими параметрами могут быть, например, настройка, определяющая необходимость отправки события просмотра страницы при каждом срабатывании Google Tag, установка UTM-параметров, идентификатора клиента и т.д. Существует список стандартных параметров настройки Google-тегов.

2. Для настройки события GA4 перейдите в раздел тегов и создайте новый тег с типом тега Google Analytics: GA4 Event. Добавьте свой GA4 ID и название события; существует список стандартных названий событий.

Можно создать переменную Google Tag: Event Settings, которая поможет совместно использовать параметры события в нескольких тегах событий GA4 или тегах Google. Это могут быть, например, свойства пользователя или товара, также существует список стандартных параметров для настроек события.

3. Откройте серверный контейнер Google Tag Manager -> нажмите кнопку Client -> создайте клиент GA4 и сохраните его -> перейдите в раздел Tags и настройте тег GA4. Помните, что GA4 автоматически отправляет не только просмотр страниц, но и некоторые другие события. Внутри Event Name выберите переменную {{Event Name}}. -> добавьте триггер Client Name равный GA4.

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

Настройка Facebook Conversion API для WordPressСкопировать ссылку на этот раздел

У вас есть 2 варианта настройки нашего тега Facebook conversion API:

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

В этом случае мы сопоставим ваши события GA4 со стандартными событиями Facebook. Если мы не сможем сопоставить событие GA со стандартным событием FB, мы запишем его как пользовательское событие. Все будет сделано автоматически, вам не нужно настраивать события FB.

1. Создайте новый тег в своем серверном контейнере. Перейдите в галерею шаблонов сообщества и добавьте тег Facebook Conversion API. В теге выберите наследовать от клиента. Введите токен доступа к FB API, FB Pixel ID и Test ID, чтобы видеть события в инструменте тестирования FB.

2. Добавьте триггер. Нажмите на триггеры-> + в правом верхнем углу-> настройки триггера и выберите пользовательский триггер-> этот триггер будет срабатывать при некоторых событиях-> имя клиента равно GA4. Нажмите сохранить.

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

В этом случае вам нужно будет настроить события FB вручную.

Вам придется использовать события GA4 для запуска серверных событий Facebook.

Возьмем в качестве примера событие "add_to_cart", и мы хотим отправить параметры value, currency и item_id.

1. Создайте тег события GA4 в вашем веб-контейнере или измените существующий. Выберите только что созданную конфигурацию GA4 в качестве "Тега конфигурации" и задайте имя события "add_to_cart". И мы хотим отправить параметры события: value, currency, item_id.

Мы берем эти параметры из DataLayer, но поскольку мы не передаем все данные из DataLayer, мы хотим создать переменные для этих параметров.

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

Давайте создадим переменную для "value".

Откройте переменные, создайте новую переменную Data Layer, в Data Layer Variable Name напишите путь, который мы видим в нашем Data Layer для этого параметра. В данном случае это ecommerce.value. Нажмите кнопку сохранить.

Повторите процесс для других параметров.

Давайте вернемся к нашему тегу GA4 и запишем параметры, которые мы хотим передать при срабатывании add_to_cart. Добавьте триггер. Тип триггера - пользовательское событие, которое срабатывает на все пользовательские события, название события "add_to_cart". Нажмите кнопку сохранить.

2. Создайте новый тег Facebook Conversion API в своем серверном контейнере. Перейдите в галерею шаблонов сообщества и добавьте Facebook Conversion API Tag. В данном случае мы выбираем override в Event Name Setup Method и тип события AddToCart. Введите ваш FB API Access Token, FB Pixel ID и Test ID, чтобы увидеть события в инструменте тестирования FB.

Далее заполните пользовательские данные, которые мы решили передать Facebook. Для этих параметров нам также нужно будет сделать переменные, но теперь в серверном контейнере с типом переменной "данные события".

Мы создаем пользовательский триггер события с именем add_to_cart, который срабатывает при имени клиента, равном GA4. Нажимаем сохранить.

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

Откройте отладчик веб-контейнеров и серверных контейнеров GTM и пройдитесь по вашему сайту. В серверном GTM-контейнере вы должны увидеть запросы, заявленные Facebook conversion API Tag.

Вы можете протестировать это событие и в инструменте тестирования Facebook.

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

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

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