Mide el 100% de tus conversiones de eCommerce a través de Webhooks

Tobias Pennings
19 de agosto de 2024

Introducción

Medir las conversiones es crucial para que los sitios web de generación de leads y las tiendas de comercio electrónico analicen el éxito de las campañas de marketing. Los métodos de seguimiento tradicionales han quedado obsoletos desde hace tiempo, e incluso una configuración estándar de etiquetado del lado del servidor no puede garantizar mediciones de conversión 1 a 1. Estas oportunidades perdidas e ineficiencias en el seguimiento se pueden solucionar con la ayuda de webhooks . Al implementar webhooks en el momento de una conversión, puede enviar datos en tiempo real directamente a su servidor desde el backend de su sitio web, lo que permite realizar mediciones 1 a 1 en sus plataformas de marketing y análisis. En este artículo, explicaremos qué son los webhooks, cómo usarlos para un seguimiento online preciso y cuáles son las ventajas y desventajas de este enfoque.

¿Qué son los webhooks?

Los webhooks son devoluciones de llamadas HTTP que permiten la comunicación en tiempo real entre diferentes aplicaciones web. En resumen, los webhooks garantizan que los sistemas envíen mensajes automáticamente a otros sistemas cuando se producen ciertos eventos. El envío de estos mensajes se realiza directamente entre sistemas, lo que permite el intercambio de información de forma directa y eficiente.

En el caso del seguimiento online, los webhooks se utilizan principalmente para detectar eventos importantes, como compras y reembolsos de usuarios, en el backend de una tienda online y reenviarlos a una herramienta externa de seguimiento o análisis a través de su servidor. Cuando se produce un evento específico en el backend de su tienda online, se genera una solicitud HTTP con todos los datos relevantes y se envía a la URL preconfigurada de su contenedor de servidor. En el caso de una tienda online, puede configurar que, al crear un pedido en el backend, se envíe inmediatamente a su servidor un webhook con información de comercio electrónico, usuarios y marketing. Desde su contenedor de servidor GTM, puede transformar los datos entrantes de ese webhook en los eventos y parámetros correctos que sus plataformas de marketing y análisis pueden recibir y procesar.

Para alimentar un algoritmo de marketing de la mejor manera posible con datos sobre la conversión de visitantes del sitio y obtener una visión general lo más precisa posible de las conversiones por campaña o plataforma de marketing, es importante recopilar estos datos con la mayor precisión posible. Sin embargo, los webhooks también pueden desdibujar los datos recopilados. ¿Cuándo conviene usar webhooks para la configuración del seguimiento online?

¿Cuándo utilizar webhooks?

Los webhooks para medir tus conversiones se utilizan cuando tu configuración de seguimiento tiene un margen de error demasiado amplio en el número de conversiones medidas. Quieres alimentar tus algoritmos de marketing con la mayor cantidad de datos posible y obtener una visión general completa en tus informes. Con los webhooks, das un paso más hacia la precisión total y una toma de decisiones basada en datos. En el siguiente ejemplo, se explica cómo funcionan los webhooks en combinación con una configuración de seguimiento de etiquetado del lado del servidor.

Un error común sobre el etiquetado del lado del servidor es asumir que proporciona un método de seguimiento 100 % preciso. Si bien es ciertamente más preciso que soluciones de seguimiento como scripts de terceros o el etiquetado del lado del cliente, siempre existe un pequeño margen para visitantes o eventos no detectados. El etiquetado del lado del servidor proporciona una base sólida para un seguimiento preciso, pero es importante comprender que es solo una parte de una estrategia más amplia para medir con la mayor precisión posible.

Aunque el etiquetado del lado del servidor proporciona una base fiable para un seguimiento preciso, aún existe cierto margen de error en la medición de conversiones. Esto se debe a que la creación y el envío de eventos al servidor se realiza mediante el contenedor web de Google Tag Manager, que se ejecuta en el navegador del usuario. Y no tienes control sobre lo que ocurre en el navegador de tus visitantes.

Hay varias razones por las que puede ocurrir este margen de error.

  • Redirecciones: A veces, un usuario llega a una página distinta a la de agradecimiento, donde, por ejemplo, la capa de datos no está activa. La redirección de los visitantes del sitio no es lo suficientemente estable como para que esto sea inevitable.
  • Carga de un script: Es posible que scripts, como el de la capa de datos o el píxel de etiquetado, no se carguen correctamente en la página de agradecimiento. Los sitios web suelen ser una mezcla de contenido de diferentes proveedores: anuncios, análisis, seguimiento, widgets, redes sociales, etc. Dependiendo del diseño del sitio web, cada uno de estos proveedores puede afectar el rendimiento de los demás.
  • Latencia: La latencia (el retraso entre una solicitud realizada a través de una aplicación web y la recepción de una respuesta) puede ser crucial para el rendimiento de un sitio web. Es un componente clave para la optimización en motores de búsqueda (SEO), entre otras cosas. Sin embargo, un sitio web con carga lenta también puede provocar que los visitantes abandonen la página antes de que se carguen por completo.
  • Navegadores predeterminados del usuario: Otra situación común es cuando un visitante va de la página de pago, por ejemplo en Google Chrome, a la aplicación de pago y luego la página de agradecimiento se abre de forma predeterminada en el navegador predeterminado de su dispositivo, como Safari o Samsung Internet.

En esencia, el seguimiento del lado del cliente es vulnerable a este tipo de errores pequeños pero importantes. Los webhooks ofrecen una solución, ya que (salvo en caso de un error técnico) siempre se puede confiar en la precisión de los eventos entrantes, sin los riesgos que conlleva el seguimiento del lado del cliente.

En las visualizaciones a continuación puede ver cómo funciona el flujo de comunicación en una configuración de etiquetado del lado del servidor con y sin webhooks.

Etiquetado del lado del servidor sin webhooks

Etiquetado del lado del servidor con webhooks

Además de los errores que pueden ocurrir en los navegadores de sus visitantes, no puede ver las conversiones en su plataforma de análisis, como Google Analytics, de los visitantes que indican mediante el banner de cookies que no desean ser rastreados (con fines analíticos). Con los webhooks, puede medir esa conversión para obtener una visión general precisa en su plataforma de análisis, pero no puede atribuirla a una sesión anterior ni a un usuario. No se le permitió medir ese usuario ni esa sesión, por lo que no puede rastrear al usuario de la conversión. Los datos de comercio electrónico se envían para que tenga una visión general del número y los valores de conversión.

Para usar webhooks eficazmente y atribuir conversiones a tus usuarios o campañas, necesitas enviar información de usuario y marketing de tus visitantes. De lo contrario, no podrás rastrear las conversiones hasta tus visitantes ni saber desde qué campañas de marketing llegaron a tu sitio. No puedes simplemente configurar webhooks; existen ciertos requisitos técnicos y de marketing importantes para que tus plataformas de marketing y análisis puedan procesar los datos de conversión recibidos.

¿Qué necesitas para utilizar webhooks?

Para usar los webhooks eficazmente, se deben cumplir requisitos técnicos y de contenido. En primer lugar, es fundamental configurar un punto final capaz de recibir y procesar solicitudes de webhooks. Esto significa que debe contar con un servidor que acepte solicitudes HTTP y procese los datos correctamente. Con los servidores de AdPage, no es necesario configurar las solicitudes HTTP, pero sí transformar los datos recopilados para enviarlos a sus plataformas de marketing y análisis. Sin embargo, también existen requisitos para los datos que envía con sus webhooks y, por lo tanto, los transforma en el contenedor de su servidor de Google Tag Manager.

El contenido de la carga útil JSON (el objeto de marketing) que se envía con el webhook debe contener diversos tipos de información, como datos de usuario e información de marketing. Lo más importante del webhook es que contiene el mismo objeto de marketing que se utiliza en el front-end. En los plugins de AdPage para WooCommerce , Shopify y Magento , este objeto de marketing se almacena con un pedido para que siempre esté disponible para su envío. A continuación, se muestra un ejemplo de un objeto de marketing para webhooks:

{
  "event": "trytagging_purchase",
  "ecommerce": {
    "transaction_id": "43",
    "affiliation": "",
    "value": "45.00",
    "tax": "0.00",
    "shipping": "0.00",
    "currency": "EUR",
    "coupon": "",
    "items": [
      {
        "item_name": "test product",
        "item_brand": "",
        "item_id": "23",
        "item_sku": "",
        "price": "45.00",
        "item_category": "Clothing",
        "quantity": 1,
        "index": 1
      }
    ]
  },
  "user_data": {
    "customer_id": 1,
    "billing_first_name": "Jeroen",
    "billing_last_name": "Test",
    "billing_address": "Velmolenweg 54a",
    "billing_postcode": "5404 LD",
    "billing_country": "NL",
    "billing_state": "",
    "billing_city": "Uden",
    "billing_email": "jeroen@adpage.io",
    "billing_phone": "0612345678",
    "shipping_first_name": "Jeroen",
    "shipping_last_name": "Test",
    "shipping_company": "",
    "shipping_address": "Velmolenweg 54a",
    "shipping_postcode": "5404 LD",
    "shipping_country": "NL",
    "shipping_state": "",
    "shipping_city": "Uden",
    "shipping_phone": "",
    "email": "support@adpage.io",
    "first_name": "Jeroen",
    "last_name": "Test",
    "new_customer": "false"
  },
  "marketing": {
    "_ga": "GA1.1.1818643883.1707129196",
    "_ga_LZN92VD7GK": "GS1.1.1711477035.19.0.1711477041.0.0.462628796",
    "user_id": "6fa957c2-52d9-905a-94fe-dfc53b5cef72",
    "client_id": "4132502f-435b-32c1-eaa4-84b37b95f846",
    "session_id": "1711477035",
    "session_count": 19,
    "fbp": null,
    "fbc": null,
    "gclid": null,
    "gbraid": null,
    "wbraid": null,
    "referrer": "",
    "utm_source": null,
    "utm_medium": null,
    "user_agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36",
    "ip": "127.0.0.1"
  }
}

Si bien los webhooks son increíblemente potentes para proporcionar datos en tiempo real y automatización, su éxito depende en gran medida de su configuración en la plataforma específica. Esto nos lleva a la siguiente sección, donde profundizaremos en la configuración de webhooks en diferentes plataformas de comercio electrónico y en cómo garantizar su óptimo rendimiento en su entorno específico.

Configuración de webhooks para tiendas web WooCommerce, Magento y Shopify

Se pueden configurar webhooks para compras y otros servicios en diversas plataformas de comercio electrónico mediante las soluciones AdPage. Cada plataforma tiene sus propias características y requisitos para la configuración de webhooks, por lo que el enfoque varía ligeramente según la plataforma en la que se ejecute su tienda online.

WooCommerce

El plugin AdPage para WordPress carga automáticamente la funcionalidad de los webhooks de WooCommerce, además de la capa de datos, el píxel de etiquetado y la función de recuperación de cookies. Estos webhooks se envían directamente al mismo servidor para el que se configura el píxel de etiquetado al realizar una compra en WooCommerce. Sin embargo, no se realiza ningún cambio en estos webhooks hasta que se aplique la siguiente configuración en el contenedor del servidor de Google Tag Manager: Configurar webhooks de WooCommerce .

Magento

El módulo Magento de AdPage carga automáticamente la funcionalidad de los webhooks, además de la capa de datos y el píxel de etiquetado. Estos webhooks se envían directamente al mismo servidor para el que se configura el píxel de etiquetado al realizar una compra. Sin embargo, no se realiza ningún cambio en estos webhooks hasta que se aplique la siguiente configuración en el contenedor del servidor de Google Tag Manager: Configurar webhooks de Magento .

Shopify

En Shopify, la configuración de notificaciones ya está presente en la configuración de tu tienda. Esto facilita la configuración de webhooks de Shopify. Aquí puedes configurar un webhook a una URL específica para diversos eventos del backend, como la creación o la cancelación de un pedido. Por ejemplo, para un nuevo pedido creado en el backend, debes configurarlo para que se dirija a la URL de tu servidor con la etiqueta /order_created detrás: tagging.domainname.nl/order_created .

Configuración de webhooks en Shopify

Esto solo funciona si también utiliza la capa de datos de AdPage y el píxel de etiquetado. Sin estos componentes, el objeto de marketing no se rellenará automáticamente con la información de marketing y del usuario necesaria.

Para luego procesar los webhooks recibidos a través del contenedor del servidor de Google Tag Manager en una compra o, por ejemplo, un evento de reembolso, realice los siguientes pasos: Configurar webhooks de Shopify .

Por encargo

¿No usas Shopify, Magento ni WooCommerce, pero quieres usar webhooks para tus mediciones de conversión? También puedes configurarlos de forma personalizada. Este artículo del soporte técnico explica cómo configurar la capa de datos de AdPage, cómo rellenar el objeto de marketing y cómo configurar los webhooks: Configuración personalizada de webhooks .

Conclusión

Los webhooks son una valiosa incorporación a las tiendas de comercio electrónico que buscan eficiencia y precisión en la comunicación y el procesamiento de datos. Ofrecen la capacidad de reaccionar automáticamente y en tiempo real a los eventos, lo que no solo ahorra tiempo, sino que también puede aumentar la satisfacción del cliente. Aunque su implementación requiere ciertos conocimientos técnicos, los beneficios suelen ser considerables. Tanto si usas WooCommerce, Magento o Shopify, configurar webhooks puede ayudarte a llevar tu tienda al siguiente nivel. Pruébalo y descubre cómo los webhooks pueden mejorar tu negocio.