Stape

Qué son los webhooks y su uso en el seguimiento del lado del servidor

Publicado
4 ene 2023
También disponible

Hay muchas maneras de automatizar su negocio. Entre ellas, nos gustaría distinguir los webhooks. Mediante la configuración de webhooks, puede agilizar los procesos que normalmente dependen de la entrada manual, ahorrando tiempo y energía en última instancia. 

En esta entrada de blog, explicaremos qué son los webhooks, por qué son la elección perfecta para su flexibilidad, cómo funcionan y su uso en el seguimiento del lado del servidor.

Qué son los webhooksCopie el enlace a esta sección

En pocas palabras, un webhook es un código de programa. Suele constar de dos partes: una variable y los datos propiamente dichos.

Los webhooks son mensajes automatizados enviados desde aplicaciones web a otras aplicaciones web. Se trata de una potente herramienta que permite a los desarrolladores informar a múltiples servicios de contenidos actualizados o datos de usuario. Esto permite que las páginas web permanezcan sincronizadas, ya que los webhooks permiten a los desarrolladores conectar dos servicios web rápidamente y transferir automáticamente información entre ellos en tiempo real. Los webhooks se pueden utilizar para casi todo, incluidas las notificaciones push cuando se ha enviado un artículo o el envío de información de pago cuando se ha realizado una compra. Los webhooks ofrecen facilidad y comodidad sin necesidad de introducción manual de datos ni software intermedio, lo que hace que el desarrollo web sea más fluido que nunca.

Cómo funcionan los webhooksCopie el enlace a esta sección

Para empezar a utilizar webhooks del lado del servidor, primero debe decidir qué aplicación desea activar y qué aplicación los recibirá. Normalmente, la aplicación emisora se denomina "origen", mientras que la aplicación receptora se denomina "destino". Una vez elegidas ambas aplicaciones, el siguiente paso es configurar los ajustes de los webhooks de cada una de ellas.

Webhook se activa cuando se produce un evento en su sitio, CRM, chatbot u otros sistemas. Por ejemplo, una persona escribe un comentario o añade un nuevo producto al sistema de contabilidad de productos. Cuando se produce este evento, el servidor crea una petición HTTP y la envía a la dirección especificada por el cliente para recibir webhooks. El cliente recibe los nuevos datos a tiempo - el cliente está contento. El usuario puede configurar los webhooks de modo que los eventos en algunos sitios desencadenen acciones en otros sitios. Por ejemplo, una persona crea un pedido en la tienda online → el sistema envía un webhook a la app del propietario → la app notifica al propietario y envía a la persona un presupuesto.

Webhooks y server-side trackingCopie el enlace a esta sección

El uso de webhooks en el seguimiento del lado del servidor es sorprendentemente sencillo. Con los webhooks, los datos pueden enviarse automáticamente al contenedor de Google Tag Manager del servidor cada vez que se produce un evento o una acción en su sitio web.

El caso de uso más común de webhook en el etiquetado del lado del servidor es el envío de webhooks desde el CRM o CMS. Por ejemplo, cada vez que se crea un usuario, se actualiza, se realiza un pedido, etc., usted puede enviar estos datos al servidor GTM.

Por qué conviene utilizar webhooks para el etiquetado del lado del servidorCopie el enlace a esta sección

Con la ayuda de los webhooks, puede realizar un seguimiento de los eventos que no se producen en su sitio web o aplicación. Cosas como ventas en tiendas offline o contactos telefónicos: todos estos datos pueden enviarse a plataformas publicitarias mediante webhooks y etiquetado del lado del servidor.

Imagínese esta situación: un usuario se topa con su anuncio en Internet, hace clic en él y llega a su sitio web. Después de explorar un poco, tiene dudas sobre el producto y decide llamarle. Los representantes del servicio de atención al cliente responden a todas las preguntas y el usuario hace un pedido por teléfono.

En este caso, una campaña concreta es la responsable del pedido, pero ¿cómo puede hacer un seguimiento? La forma más obvia es preguntar a los clientes cómo encuentran su sitio web. Puede que digan algo como un anuncio online o que indiquen la plataforma en la que lo vieron. Pero esta información no ayudará a comprender qué campaña o conjunto de anuncios fue responsable de la conversión.

El seguimiento de estos pedidos es posible con la ayuda de webhooks y etiquetado del lado del servidor. Cada vez que se crea un nuevo pedido telefónico en el CRM, se puede enviar un webhook al servidor Google Tag Manager con todos los detalles del pedido y del cliente. Una vez que el servidor GTM recibe estos datos, puede distribuirlos a la red publicitaria. Si la red publicitaria puede relacionar un usuario que ha realizado una compra offline con un usuario que ha visto su anuncio, este pedido se reflejará como una conversión offline en una campaña correspondiente.

En la siguiente sección, vamos a profundizar en algunos detalles sobre cómo configurar webhooks y activar conversiones basadas en los webhooks.

Cómo configurar webhooks para sGTMCopie el enlace a esta sección

La razón por la que el uso de webhooks en sGTM puede ayudar a hacer un seguimiento más preciso de las conversiones y mejorar la atribución de las mismas es obvia. Así que vamos a entrar en detalles sobre cómo configurar webhooks en sGTM.

1. Cómo enviar webhooks a sGTM

Busque en su CRM o CMS un plugin nativo o una funcionalidad que admita webhooks. Los más populares lo hacen. Una vez que lo haya encontrado, cree un webhook para el evento que desea rastrear. En la configuración del webhook, añada su URL de etiquetado del lado del servidor con la ruta que distinguirá su webhook.

En mi caso:

https://ss.wp-demo.stape.io - es la URL de etiquetado del servidor

/order_created - es una ruta que diferencia mi webhook que envía datos cada vez que se realiza un pedido.

how to send webhooks to server gtm

2. Cómo ver los datos de webhook en sGTM

Enviar datos webhook desde CRM o CMS es relativamente fácil. Sin embargo, es necesario ver los datos webhook en el depurador sGTM para configurar las etiquetas con precisión. Las posibilidades de que uno pueda configurar etiquetas sin usar un depurador son bajas.

Por defecto, no se pueden ver los datos de webhook en sGTM. Para hacerlos visibles, necesitamos usar la funcionalidad de Preview HTTP header en el depurador de sGTM y stape

Para habilitar sGTM preview header abra el contenedor de su servidor Google Tag Manager -> haga clic en preview -> haga clic en tres puntos en la esquina superior derecha -> haga clic en enviar peticiones manualmente -> copie X-Gtm-Server-Preview HTTP header.

sgtm preview header
send requests manually in google tag manager

Acceda a su cuenta stape.io, abra el contenedor sGTM, vaya a Power-Ups y haga clic en Use HTTP Header Config. 

Pegue el Preview HTTP header que ha copiado del depurador de Google Tag Manager del servidor y haga clic en Guardar.

Los pasos anteriores le permitirán ver los datos de webhook en el depurador de Google Tag Manager del servidor. Una vez realizada la configuración, elimine Preview Header de stape sGTM power-ups. Nuestro sistema elimina automáticamente el Preview Header 1 hora después de que lo haya habilitado.

3. Cómo procesar los datos de webhook en el servidor Google Tag Manager

El último paso de preparación antes de poder enviar los datos webhook a la plataforma de publicidad o de análisis es procesar los datos webhook en sGTM. Lo haremos con la ayuda del Data Client de stape. 

En sGTM, los clientes son responsables de reclamar las solicitudes y de procesar los datos de las solicitudes en datos de eventos.

Importe Data Client a su contenedor sGTM. El primer paso sería descargar Data Client de GitHub. A continuación, vaya al contenedor sGTM, abra la sección Plantillas y haga clic en Nuevo cliente. 

Data client in server Google tag manager

Haga clic en tres puntos y luego en Importar. A continuación, seleccione la plantilla de Data Client que descargó de GitHub y guárdela.

data client tag in google tag manager

Vaya a la pestaña Clientes y cree un nuevo Cliente. Seleccione Tipo de Cliente - Data Client, añada el nombre del cliente, y desplácese a Configuración de Ruta Aceptada. Añada una ruta que diferencie su webhook. En mi caso, es /order_created y haga clic en guardar.

data client configuration in google tag manager

Una vez hecho esto, abra sGTM y compruebe que el webhook se ha enviado y que Data Client ha procesado las peticiones correctamente.

4. Cómo utilizar los datos de webhook para configurar las etiquetas sGTM

Este paso depende en gran medida de sus objetivos y de su pila tecnológica. Por ejemplo, puede enviar eventos offline a Facebook o Google Ads. O puede notificar a su departamento de ventas o marketing sobre nuevos pedidos utilizando Slack o Telegram tag para sGTM. 

ConclusiónCopie el enlace a esta sección

Los webhooks ofrecen una forma fácil y cómoda de recibir actualizaciones de notificaciones en tiempo real para actividades basadas en la web, lo que permite a las empresas responder y actuar rápidamente sobre esas notificaciones con un esfuerzo mínimo. Además, los webhooks son una forma segura de compartir información con otros servicios web, como plataformas de marketing o de análisis, ya que no requieren que los desarrolladores o programadores proporcionen a los usuarios credenciales de acceso o datos confidenciales.

Si se siente confuso, no dude en ponerse en contacto con el servicio de asistencia de Stape. Estaremos encantados de ayudarle.

¿Necesita algo?

Responda a unas sencillas preguntas. Haga clic en Obtener asistencia, rellene el formulario y le enviaremos un presupuesto.

Obtener asistencia
Etiquetado con:gtm serverWebhook

Aloje su servidor GTM en Stape