Agrega analíticas

Descubre cómo incluir el poder de las Analíticas a tu Widget

Google Tag Manager

Para rastrear los eventos de compra de tus clientes a través de Google Tag Manager, integra el siguiente código a la configuración en la propiedad keyId de tu instancia DEUNA.

const deunaCheckout = window.DunaCheckout();

const config = {
    apiKey: "<tu clave API pública>",
    orderToken: "<token de la orden>",
    analytics: {
        googleTagManager: {
            keyId: "GTM-XXX-XX"
        }
    }
};

deunaCheckout.configure(config);

Atributos Necesarios

Acciones y eventos

Los eventos son nuestra forma de informarte cuando algo interesante sucede en tu checkout. Nuestro checkout emite eventos mediante las interacciones del usuario y las funciones internas.

Cuando ocurre un evento interesante, creamos un nuevo Evento con un nombre único dentro onEventDispatch que es parte configuración. Por ejemplo, cuando se completa un pago y la orden se procesa correctamente, creamos un evento de purchase. En caso de que ocurra un error durante el pago y no se pueda procesar la orden, creamos un evento purchaseError.

Flujo de Eventos

El siguiente diagrama ilustra el comportamiento del checkout y la secuencia de eventos emitidos durante todo el ciclo de compra:

Recuperar un evento

La función OnEventDispatch es una función que devuelve event y data, donde event corresponde al nombre del evento y data a información útil en relación al evento.
En el siguiente ejemplo se muestra cómo después de emitirse el evento purchase, redirige al usuario a la página "https://www.somepage.com/orderCompleted".

const config = {
  apiKey: "...",
  env: "production",
  orderToken: "...",
  onEventDispatch: function (event, data) {
    if (event === 'purchase') {
    	window.location.href="https://www.somepage.com/orderCompleted";
    }
  }
};