Что такое вебхуки и их использование в отслеживании на стороне сервера

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

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

В двух словах, webhook - это программный код. Обычно он состоит из двух частей - переменной и самих данных.

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

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

Webhook срабатывает, когда на вашем сайте, в CRM, чатботе или других системах происходит событие. Например, человек написал комментарий или добавил новый продукт в систему учета продуктов. Когда это событие происходит, сервер создает HTTP-запрос и отправляет его на адрес, указанный клиентом для получения webhooks. Клиент вовремя получает новые данные - клиент доволен. Пользователь может настроить webhooks таким образом, чтобы события на одних сайтах вызывали действия на других сайтах. Например, человек создает заказ в интернет-магазине → система отправляет webhook в приложение владельца → приложение уведомляет владельца и отправляет человеку смету.

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

Наиболее распространенным случаем использования webhook в серверном тегировании является отправка webhooks из CRM или CMS. Например, всякий раз, когда пользователь создается, обновляется, размещается заказ и т.д., вы можете отправить эти данные на сервер GTM.

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

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

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

Отслеживание таких заказов возможно с помощью вебхуков и тегов на стороне сервера. Каждый раз, когда в CRM создается новый телефонный заказ, вы можете отправить webhook на сервер Google Tag Manager со всеми данными о заказе и клиенте. После того как сервер GTM получит эти данные, вы можете передать их в рекламную сеть. Если рекламная сеть сможет сопоставить пользователя, совершившего офлайн-покупку, с пользователем, увидевшим ваше объявление, этот заказ будет отражен как офлайн-конверсия в соответствующей кампании.

В следующем разделе мы подробно рассмотрим, как настроить вебхуки и запускать конверсии на основе вебхуков.

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

1. Как отправить вебхуки в sGTM

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

В моем случае:

https://ss.wp-demo.stape.io - это server-side tagging URL 

/order_created - это путь, который отличает мой webhook, отправляющий данные при каждом размещении заказа.

2. Как просмотреть данные webhook в sGTM

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

По умолчанию данные webhook не видны в sGTM. Чтобы сделать их видимыми, нам нужно использовать функцию Preview HTTP header в отладчике sGTM и Stape. 

Чтобы включить sGTM preview header, откройте ваш серверный контейнер Google Tag Manager -> нажмите preview -> нажмите три точки в правом верхнем углу -> нажмите отправлять запросы вручную -> скопируйте X-Gtm-Server-Preview HTTP header.

Войдите в свою учетную запись stape.io, откройте контейнер sGTM, перейдите в раздел Power-Ups и нажмите Use HTTP Header Config. 

Вставьте Preview HTTP header, который вы скопировали из отладчика серверного Google Tag Manager, и нажмите кнопку Сохранить.

Описанные выше шаги позволят вам увидеть данные webhook в отладчике серверного Google Tag Manager. После того, как вы выполнили настройку, удалите Preview Header с power-ups sGTM в stape. Наша система автоматически удаляет Preview Header через 1 час после того, как вы его включили.

3. Как обрабатывать данные webhook на сервере Google Tag Manager

Последним подготовительным шагом перед тем, как вы сможете отправить данные webhook рекламной или аналитической платформе, является обработка данных webhook в sGTM. Мы сделаем это с помощью Data Client от stape. 

В sGTM клиенты отвечают за утверждение запросов и обработку данных запроса в данные события.

Импортируйте Data Client в ваш контейнер sGTM. Первым шагом будет загрузка Data Client с GitHub. Затем перейдите в контейнер sGTM, откройте раздел Шаблоны и нажмите Новый клиент. 

Нажмите три точки, а затем Импорт. Затем выберите шаблон Data Client, который вы загрузили с GitHub, и сохраните его.

Перейдите на вкладку Клиенты и создайте нового клиента. Выберите тип клиента - Data Client, добавьте имя клиента и прокрутите страницу до пункта Принятые параметры пути. Добавьте путь, который отличает ваш webhook. В моем случае это /order_created и нажмите сохранить.

После этого откройте sGTM и проверьте, что webhook был отправлен и Data Client успешно обработал запросы.

4. Как использовать данные webhook для установки sGTM-тегов

Этот шаг сильно зависит от ваших целей и технологического стека. Например, вы можете отправлять оффлайн-события в Facebook или Google Ads. Или вы можете уведомлять отдел продаж или маркетинга о новых заказах с помощью тега Slack или Telegram для sGTM. 

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

Если вы запутались - не стесняйтесь обращаться в службу поддержки stape. Мы будем более чем счастливы помочь вам.