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

# Meta Pixel y Analítica

> Medí las conversiones de tus campañas en la página pública de tu evento: Meta Pixel, Google Analytics y Tag Manager

Si promocionás tu evento con Meta Ads (Instagram/Facebook) o campañas de Google, podés conectar tus herramientas de medición directamente a la **página pública del evento**. Fint se encarga de disparar los eventos de conversión — vos solo pegás tu ID.

La configuración es **por evento**: cada evento puede tener su propio píxel y sus propias propiedades de análisis.

## Configurar el tracking

<Steps>
  <Step title="Abrí la configuración del evento">
    En **Eventos**, editá tu evento y entrá a **Configuración**. Al final del panel está la sección **"Tracking y analítica"**.

    <img src="https://mintcdn.com/fint-e4e4c19c/6lBCKs7wHYRcEnGh/docs/images/meta-pixel/tracking-config.png?fit=max&auto=format&n=6lBCKs7wHYRcEnGh&q=85&s=6c9152e3404b731d5fb57c0983a559a2" alt="Sección Tracking y analítica en la configuración del evento" width="1440" height="900" data-path="docs/images/meta-pixel/tracking-config.png" />
  </Step>

  <Step title="Pegá tus IDs">
    * **Meta Pixel ID**: el número de tu píxel (lo encontrás en el [Administrador de eventos de Meta](https://business.facebook.com/events_manager2), en la configuración del píxel o conjunto de datos).
    * **Google Analytics ID** (`G-XXXXXXXXXX`) y/o **Google Tag Manager ID** (`GTM-XXXXXX`), si medís con Google.

    Los campos de la API de Conversiones (Test Event Code y CAPI Access Token) podés dejarlos vacíos.
  </Step>

  <Step title="Guardá">
    Desde ese momento, la página pública del evento carga tus scripts de medición.
  </Step>
</Steps>

## Qué se mide

Con el **Meta Pixel ID** configurado, en el navegador del comprador se disparan:

| Evento de Meta | Cuándo                                                     | Datos                                                                                               |
| -------------- | ---------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| **PageView**   | Al entrar a la página pública del evento                   | —                                                                                                   |
| **Purchase**   | En la pantalla de confirmación, cuando el pago se acredita | Valor de la compra, nombre del evento y un **ID de transacción único** (la referencia de la compra) |

El ID de transacción evita que una misma compra se cuente dos veces, incluso si el comprador recarga la página de confirmación.

Con **Google Analytics** se registra la navegación y un evento `purchase` con el monto y la transacción; con **Tag Manager**, el mismo evento `purchase` se empuja al `dataLayer` para que lo uses en tus tags.

## ¿A dónde apunto mis anuncios?

Hay dos formas de armar la campaña, y la atribución funciona distinto en cada una:

### Anuncio → página del evento en Fint (recomendado)

Usá la **URL pública del evento** (`tuinstitucion.fint.app/eventos/mi-evento`) como destino del anuncio. No hay que hacer nada más: Meta agrega automáticamente el parámetro `fbclid` al link, el píxel lo captura al cargar la página, y el **Purchase queda atribuido a la campaña** de punta a punta.

### Anuncio → tu propia web → página del evento en Fint

Si el anuncio apunta primero a tu sitio (una landing propia) y desde ahí el visitante pasa a Fint, hay un detalle clave: **los parámetros de la campaña no viajan solos entre dominios**. El `fbclid` (y los UTM) quedan en la URL de *tu* web — si el botón "Comprar entradas" linkea a Fint sin ellos, el píxel en la página del evento no puede vincular la compra con el anuncio y la atribución se pierde.

La solución es que tu web **reenvíe los query params** al link de Fint. Si tu página no usa parámetros propios, alcanza con este snippet:

```html theme={null}
<a id="comprar-entradas" href="https://tuinstitucion.fint.app/eventos/mi-evento">
  Comprar entradas
</a>
<script>
  var link = document.getElementById("comprar-entradas");
  if (window.location.search) {
    link.href += window.location.search;
  }
</script>
```

<Info>
  Lo mínimo indispensable para Meta es propagar **`fbclid`**. Si además medís con Google Analytics, propagá también los parámetros **`utm_*`**. Y si tu web tiene instalado el mismo píxel, mejor: Meta ve el recorrido completo.
</Info>

### ¿Y si no reenvío los parámetros?

Puede que igual veas **algunas** conversiones atribuidas en el Ads Manager: si la persona está logueada en Facebook o Instagram en ese mismo navegador, Meta a veces logra vincular la compra al anuncio por sus propios medios. Pero es una atribución **parcial y cada vez menos confiable** — depende de que el usuario esté logueado y de que el navegador no bloquee las cookies de terceros (Safari y Firefox las bloquean por defecto, y Chrome las está restringiendo).

En la práctica: sin el reenvío de parámetros vas a **subcontar** las conversiones de tus campañas, y no de forma pareja — verás resultados erráticos. El `fbclid` propagado convierte la atribución en determinística. Por eso, si podés elegir, el flujo directo (anuncio → página del evento) es siempre la opción más confiable.

## Verificar que funciona

1. Instalá la extensión [Meta Pixel Helper](https://chrome.google.com/webstore/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc) en Chrome y entrá a la página pública de tu evento: deberías ver el **PageView** de tu píxel.
2. Hacé una compra de prueba y verificá el **Purchase** en la pantalla de confirmación.
3. En el Administrador de eventos de Meta, los eventos aparecen en **"Probar eventos"** y en el resumen del píxel.

## Próximos Pasos

<CardGroup cols={3}>
  <Card title="Eventos" icon="calendar" href="/docs/guides/eventos">
    Creá y publicá tu evento
  </Card>

  <Card title="App de Admisión" icon="qrcode" href="/docs/guides/app-admision">
    El día del evento
  </Card>

  <Card title="Mensajería" icon="envelope" href="/docs/guides/mensajeria">
    Comunicate con los asistentes
  </Card>
</CardGroup>