> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dodopayments.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Third-party Analytics

> Track page views and e-commerce events on your Dodo Payments-hosted pages with Google Analytics 4, Google Tag Manager, and Meta Pixel.

<Frame>
  <img src="https://mintcdn.com/dodopayments/OJISfHo1pPGtWHk9/images/analytics-cover.png?fit=max&auto=format&n=OJISfHo1pPGtWHk9&q=85&s=6f9b234fb9bb78755cd79b315e594826" alt="Integración de Analytics" style={{ maxHeight: '500px', width: 'auto' }} width="2866" height="1436" data-path="images/analytics-cover.png" />
</Frame>

Sigue el recorrido del cliente desde tu storefront hasta el checkout y la finalización de la compra. Dodo Payments se integra con Google Analytics 4, Google Tag Manager y Meta Pixel para ofrecer análisis completos en todas tus páginas alojadas.

<Info>
  El seguimiento analítico se habilita automáticamente en tu Storefront, las páginas de Checkout y el Customer Portal una vez que agregas tus identificadores de seguimiento en el panel.
</Info>

<Warning>
  Los bloqueadores de anuncios en los navegadores de los clientes pueden impedir que el seguimiento analítico funcione para algunos visitantes de tu tienda.
</Warning>

## Plataformas compatibles

<CardGroup cols={3}>
  <Card title="Google Analytics 4" icon="chart-simple">
    Vistas de página y seguimiento de comercio electrónico con GA4.
  </Card>

  <Card title="Google Tag Manager" icon="tags">
    Agrega y administra etiquetas de marketing.
  </Card>

  <Card title="Meta Pixel" icon="meta">
    Seguimiento de conversiones de anuncios de Facebook e Instagram.
  </Card>
</CardGroup>

## Primeros pasos

<Steps>
  <Step title="Open Business Settings">
    En tu panel de control de Dodo Payments, ve a **Configuración → Empresa** y desplázate a la sección de **Analytics**.
  </Step>

  <Step title="Enable Your Tracking Platform">
    Activa la plataforma de análisis que deseas utilizar e ingresa tu identificador de seguimiento:

    * **Google Analytics**: Ingresa tu Measurement ID (formato: `G-XXXXXXXXXX`)
    * **Google Tag Manager**: Ingresa tu Container ID (formato: `GTM-XXXXXXX`)
    * **Meta Pixel**: Ingresa tu Pixel ID (numérico, de 10 a 20 dígitos)
  </Step>

  <Step title="Save Your Settings">
    Haz clic en **Save** para aplicar tu configuración de seguimiento.
  </Step>

  <Step title="Verify Tracking">
    Visita tu storefront o crea un checkout de prueba para verificar que los eventos se registran en tu panel de analítica.
  </Step>
</Steps>

## Google Analytics 4

[Google Analytics 4](https://marketingplatform.google.com/about/analytics/) proporciona análisis web completos con capacidades de seguimiento de comercio electrónico. Con la integración de Dodo Payments, puedes rastrear todo el recorrido del cliente, desde que navega por tu tienda hasta que finaliza una compra.

### Agrega tu Measurement ID de Google Analytics

1. En Google Analytics, ve a **Administrar** → **Flujos de datos** → selecciona tu flujo web
2. Copia el **ID de medición** (comienza con `G-`)
3. En el panel de control de Dodo Payments, ve a **Configuración** → **Empresa** → **Analytics**
4. Activa **Google Analytics** y pega tu ID de medición
5. Haz clic en **Guardar**

<Tip>
  Si aún no tienes una propiedad de Google Analytics, sigue la [guía de configuración de Google](https://support.google.com/analytics/answer/9304153) para crear una.
</Tip>

### Eventos registrados en Google Analytics

Registramos los siguientes eventos en tu storefront y en las páginas de checkout alojadas. Cada evento envía datos como información de productos, totales de transacción y moneda.

#### Eventos del storefront

| Event            | Description                                                                    |
| ---------------- | ------------------------------------------------------------------------------ |
| `view_item_list` | Se activa cuando la página del storefront se carga con productos               |
| `select_item`    | Se activa cuando un cliente hace clic en un producto para comenzar el checkout |

#### Eventos del checkout

| Event               | Description                                                               |
| ------------------- | ------------------------------------------------------------------------- |
| `view_item`         | Se activa cuando se carga la página de checkout                           |
| `view_cart`         | Se activa cuando se carga el checkout y cuando se selecciona una variante |
| `apply_discount`\*  | Se activa cuando se aplica correctamente un código de descuento válido    |
| `remove_discount`\* | Se activa cuando se elimina un código de descuento                        |
| `add_payment_info`  | Se activa cuando el cliente envía el formulario de pago                   |
| `purchase`          | Se activa cuando el pago se realiza con éxito                             |

<Note>
  `apply_discount` e `remove_discount` son eventos personalizados que no están incluidos en los [eventos estándar de comercio electrónico de Google Analytics](https://support.google.com/analytics/answer/9267735).
</Note>

### Uso de GA4 con el checkout superpuesto/en línea

Para registrar eventos de Google Analytics en un checkout superpuesto o en línea insertado en tu propio sitio web, debes instalar el código de seguimiento de Google Analytics en la página donde se integra el checkout.

Una vez instalado, todos los eventos de seguimiento mencionados anteriormente se enviarán automáticamente a tu cuenta de Google Analytics; no se necesita configuración adicional.

## Google Tag Manager

[Google Tag Manager](https://marketingplatform.google.com/about/tag-manager/) te permite administrar etiquetas de marketing y analítica sin modificar el código. Las etiquetas desplegadas mediante GTM se activarán en todas las páginas alojadas por Dodo Payments.

### Agrega tu Container ID de GTM

1. En Google Tag Manager, copia tu **ID de contenedor** (comienza con `GTM-`)
2. En el panel de control de Dodo Payments, ve a **Configuración** → **Empresa** → **Analytics**
3. Activa **Google Tag Manager** y pega tu ID de contenedor
4. Haz clic en **Guardar**

<Info>
  Al usar GTM, puedes configurar seguimientos adicionales (como conversiones de Google Ads) directamente en tu contenedor. La integración de Dodo Payments inyecta tanto el script de GTM como el fallback noscript para máxima compatibilidad.
</Info>

### Uso de GTM con el checkout superpuesto/en línea

Para un checkout superpuesto o en línea integrado en tu sitio web, instala GTM en tu propio sitio. El checkout heredará tu configuración de GTM y activará eventos dentro del marco incrustado.

## Meta Pixel

[Meta Pixel](https://www.facebook.com/business/tools/meta-pixel/) rastrea las acciones de los clientes en tu tienda para medir la efectividad de tus campañas publicitarias en Facebook e Instagram. Rastrea las conversiones desde el clic del anuncio hasta la finalización de la compra.

### Agrega tu Pixel ID de Meta

1. En [Meta Events Manager](https://www.facebook.com/events_manager2/), crea o selecciona tu Pixel
2. Copia el **ID de Pixel** (numérico, típicamente de 15-16 dígitos)
3. En el panel de control de Dodo Payments, ve a **Configuración** → **Empresa** → **Analytics**
4. Activa **Meta Pixel** y pega tu ID de Pixel
5. Haz clic en **Guardar**

<Tip>
  Sigue la [guía de configuración del píxel de Meta](https://www.facebook.com/business/help/952192354843755) si aún no has creado un píxel.
</Tip>

### Eventos registrados con Meta Pixel

Rastrearemos los siguientes eventos que aparecen en tu [Meta Events Manager](https://www.facebook.com/events_manager2/). Cada evento envía datos como IDs de contenido, valores y moneda.

<Note>
  Puede que los eventos no aparezcan de inmediato en Meta Events Manager: puede haber un retraso de varios minutos.
</Note>

#### Eventos del storefront

| Event              | Description                                                                    |
| ------------------ | ------------------------------------------------------------------------------ |
| `PageView`         | Se activa cuando se carga la página del storefront                             |
| `ViewContent`      | Se activa cuando el storefront se carga con productos                          |
| `InitiateCheckout` | Se activa cuando un cliente hace clic en un producto para comenzar el checkout |

#### Eventos del checkout

| Event              | Description                                                               |
| ------------------ | ------------------------------------------------------------------------- |
| `PageView`         | Se activa cuando se carga la página de checkout                           |
| `AddToCart`        | Se activa cuando se carga el checkout y cuando se selecciona una variante |
| `ApplyDiscount`\*  | Se activa cuando se aplica correctamente un código de descuento válido    |
| `RemoveDiscount`\* | Se activa cuando se elimina un código de descuento                        |
| `AddPaymentInfo`   | Se activa cuando el cliente envía el formulario de pago                   |
| `Purchase`         | Se activa cuando el pago se realiza con éxito                             |

<Note>
  `ApplyDiscount` e `RemoveDiscount` son eventos personalizados que no están incluidos en los [eventos estándar de Meta](https://developers.facebook.com/docs/meta-pixel/reference#standard-events).
</Note>

## Referencia completa de eventos

Esta tabla muestra todos los eventos que se registran tanto en Google Analytics 4 como en Meta Pixel:

| Trigger                      | GA4 Event          | Meta Pixel Event   | Location   |
| ---------------------------- | ------------------ | ------------------ | ---------- |
| Storefront page loads        | `view_item_list`   | `ViewContent`      | Storefront |
| Customer clicks product      | `select_item`      | `InitiateCheckout` | Storefront |
| Checkout page loads          | `view_item`        | `AddToCart`        | Checkout   |
| Cart viewed/variant selected | `view_cart`        | -                  | Checkout   |
| Discount code applied        | `apply_discount`   | `ApplyDiscount`    | Checkout   |
| Discount code removed        | `remove_discount`  | `RemoveDiscount`   | Checkout   |
| Payment form submitted       | `add_payment_info` | `AddPaymentInfo`   | Checkout   |
| Payment successful           | `purchase`         | `Purchase`         | Checkout   |

## Cobertura de plataformas

El seguimiento analítico está disponible en diferentes superficies de Dodo Payments:

| Surface                     | Google Analytics 4 | Google Tag Manager | Meta Pixel |
| --------------------------- | ------------------ | ------------------ | ---------- |
| Storefront                  | Sí                 | Sí                 | Sí         |
| Checkout (Hosted)           | Sí                 | Sí                 | Sí         |
| Checkout (Overlay/Inline)\* | Sí                 | Sí                 | Sí         |
| Customer Portal             | Sí                 | Sí                 | No         |

<Info>
  \*Para checkout superpuesto y en línea, instala el código de seguimiento en tu propio sitio web para una atribución completa. Los eventos del checkout incrustado se registrarán automáticamente.
</Info>

## Datos de eventos incluidos

Cada evento de seguimiento incluye datos relevantes de comercio electrónico para ayudarte a analizar el comportamiento del cliente:

### Datos del producto

* ID del producto
* Nombre del producto
* Precio
* Moneda
* Cantidad

### Datos de la transacción (eventos de compra)

* ID de transacción/pago
* Importe total
* Importe de impuestos
* Moneda
* Descuento aplicado

### Datos del cliente

* ID del cliente (para clientes recurrentes)
* Correo electrónico (cifrado para mantener la privacidad cuando corresponda)

## Mejores prácticas

<AccordionGroup>
  <Accordion title="Test Your Integration">
    Después de agregar tus identificadores de seguimiento, visita tu storefront y completa un checkout de prueba para verificar que los eventos aparecen en tus paneles de analítica. Utiliza los informes en tiempo real de Google Analytics o la función de Eventos de prueba de Meta Events Manager.
  </Accordion>

  <Accordion title="Use UTM Parameters">
    Agrega parámetros UTM a tus enlaces de marketing para rastrear qué campañas generan conversiones. Dodo Payments conserva los parámetros UTM durante todo el flujo de checkout.
  </Accordion>

  <Accordion title="Set Up Conversion Goals">
    En Google Analytics, crea eventos de conversión para `purchase` y así controlar tu tasa de conversión. En Meta Ads Manager, utiliza el evento `Purchase` como objetivo de optimización para tus campañas.
  </Accordion>

  <Accordion title="Enable Enhanced E-commerce">
    Si utilizas Google Tag Manager, considera configurar informes de comercio electrónico mejorado para obtener análisis detallados del embudo y métricas de rendimiento de productos.
  </Accordion>
</AccordionGroup>

## Solución de problemas

<AccordionGroup>
  <Accordion title="Events not appearing in Google Analytics">
    * Verifica que tu Measurement ID es correcto (formato: `G-XXXXXXXXXX`)
    * Revisa los informes en tiempo real de Google Analytics: los eventos aparecen primero ahí
    * Asegúrate de que el interruptor esté activado en la configuración de Dodo Payments
    * Espera unos minutos, ya que puede haber retrasos de procesamiento
    * Prueba en una ventana de incógnito para descartar bloqueadores de anuncios
  </Accordion>

  <Accordion title="Events not appearing in Meta Events Manager">
    * Verifica que tu Pixel ID es correcto (numérico, de 10 a 20 dígitos)
    * Usa la extensión Meta Pixel Helper para depurar
    * Revisa la pestaña de Eventos de prueba en Events Manager
    * Los eventos pueden tardar varios minutos en aparecer
    * Asegúrate de que los bloqueadores de anuncios estén desactivados durante las pruebas
  </Accordion>

  <Accordion title="GTM tags not firing">
    * Confirma que tu Container ID es correcto (formato: `GTM-XXXXXXX`)
    * Usa el modo de vista previa de GTM para depurar la activación de etiquetas
    * Verifica que los activadores estén configurados correctamente en tu contenedor de GTM
    * Asegúrate de que el contenedor esté publicado (y no solo en borrador)
  </Accordion>

  <Accordion title="Overlay/Inline checkout not tracking">
    * Instala el código de seguimiento primero en tu propio sitio web
    * Asegúrate de que el seguimiento se cargue antes de que se abra el overlay del checkout
    * Revisa la consola del navegador en busca de errores de JavaScript
    * Verifica que el seguimiento entre dominios esté configurado si usas GA4
  </Accordion>

  <Accordion title="Purchase events showing wrong amounts">
    * Los importes se envían en la unidad monetaria más pequeña (centavos)
    * Verifica que tu herramienta analítica esté configurada para mostrar la moneda correcta
    * Comprueba si los impuestos se incluyen o excluyen según lo esperado
  </Accordion>
</AccordionGroup>

## Recursos relacionados

<CardGroup cols={2}>
  <Card title="Segment Integration" icon="chart-line" href="/integrations/segment">
    Envía eventos de pago a Segment para análisis avanzados e integración con CDP.
  </Card>

  <Card title="Dub Integration" icon="https://mintcdn.com/dodopayments/LYWHtNbGSpS1P01t/images/logos/dub.svg?fit=max&auto=format&n=LYWHtNbGSpS1P01t&q=85&s=c36ca87c0811f65b3d8a4a79e4a34242" href="/integrations/dub" width="64" height="64" data-path="images/logos/dub.svg">
    Realiza el seguimiento de conversiones de ventas y la atribución de afiliados con Dub.
  </Card>

  <Card title="Customer.io Integration" icon="envelope" href="/integrations/customer-io">
    Activa campañas de correo electrónico automatizadas basadas en eventos de pago.
  </Card>

  <Card title="Webhooks" icon="webhook" href="/developer-resources/webhooks">
    Crea integraciones analíticas personalizadas con eventos de webhook.
  </Card>
</CardGroup>