> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.thewhiterabbit.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Cómo instalar el pixel de Facebook sin exponer tu Offer Page

Si usas el pixel de Facebook en una Offer Page protegida por The White Rabbit (TWR), el pixel instalado de la forma estándar filtra la URL de esa página en cada disparo. Para corregirlo sin perder el rastreo de conversiones, añade **una línea** al encabezado de la página: la meta tag `no-referrer`. Tu pixel sigue funcionando igual, y la página continúa aislada contra el espionaje.

## El problema: el pixel de Facebook filtra la URL de tu Offer Page

El código base del pixel de Facebook es un script que dispara una solicitud al servidor de la plataforma en cada evento. En ese disparo, el navegador adjunta el encabezado HTTP `Referer` con la **URL completa de la página donde el pixel se ejecutó**, es decir, tu Offer Page.

El TWR mantiene esa página **aislada** justamente para protegerla del espionaje de la competencia y de los accesos automatizados. Cuando el pixel envía la URL de la Offer Page en el `Referer`, abre una brecha que expone la dirección que quieres mantener reservada.

## La solución: añade una línea al encabezado de tu página

Pega esta línea dentro de la etiqueta `head` de tu Offer Page:

```html
<meta name="referrer" content="no-referrer">
```

Listo. Esa línea desactiva el `Referer` de la página entera. **Sigues usando el pixel de Facebook exactamente como ya lo instalaste**, con los mismos eventos configurados de la forma que Facebook enseña. La diferencia es que ningún disparo, del pixel o de cualquier otro elemento de la página, va a llevar más la URL de la página.

| Resuelve la mayoría de los casos, es un cambio único y además protege cualquier otra parte de la página que pudiera filtrar la dirección.

## Si montas el pixel de Facebook a mano (avanzado)

La meta tag de arriba resuelve la mayoría de los casos. Las opciones de abajo son para quien **monta la URL del pixel manualmente** (por ejemplo, dispara el pixel por un gestor de etiquetas) o no consigue editar la etiqueta `head` de la página. Si la meta tag ya resolvió tu caso, puedes ignorar esta sección.

### Arregla la etiqueta `img` que Facebook ya te dio (más reconocible)

Si ya instalaste el pixel, probablemente tienes en la página el bloque `noscript` de Facebook, con una etiqueta `img` invisible parecida a esta (el evento y los valores dependen de lo que rastrees):

```html
<img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=TU_ID&ev=Purchase&cd[value]=97.00&cd[currency]=USD&noscript=1">
```

Tal como está, **todavía filtra la URL** de la página. Para arreglarlo, agrega `referrerpolicy="no-referrer"` al final:

```html
<img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=TU_ID&ev=Purchase&cd[value]=97.00&cd[currency]=USD&noscript=1"
  referrerpolicy="no-referrer">
```

Eso dispara el pixel cuando la página carga, por ejemplo en una página de agradecimiento después de la compra, sin enviar la dirección.

| ¿Prefieres usar la etiqueta `iframe` en lugar de la `img`? Funciona igual: mantén la misma `src` y añade `referrerpolicy="no-referrer"` en la etiqueta del iframe. Las dos formas son equivalentes.

### Disparar por fetch (en un evento específico)

Úsalo cuando el pixel necesita dispararse desde un script, por ejemplo en el clic de un botón:

```javascript
fetch("https://www.facebook.com/tr?id=TU_ID&ev=Purchase&cd[value]=97.00&cd[currency]=USD&noscript=1",
  {mode: "no-cors", referrerPolicy: "no-referrer"});
```

### Qué cambiar en la URL del pixel

En las dos opciones de arriba montas la URL a mano. Ajusta estas partes para tu caso:

| Parte | Qué es | Qué poner |
| ---- |
| `id=TU_ID` | El número de tu pixel | El ID de tu pixel, que encuentras en el Administrador de Eventos de Facebook |
| `ev=Purchase` | El **evento**, es decir, la acción que estás rastreando | El nombre del evento de tu caso (ver tabla abajo) |
| `cd[value]=97.00` | El **valor** de la conversión | El precio de tu producto. Solo es necesario en eventos de venta |
| `cd[currency]=USD` | La **moneda** del valor | `USD` para dólar, `MXN` para peso mexicano, `EUR` para euro, etc. |

El evento le dice a Facebook **qué acción hizo el usuario**. Usa el nombre exacto que Facebook define para tu caso:

| Tu situación | Evento (`ev=`) |
| ---- |
| Venta concluida / compra | `Purchase` |
| Registro o formulario de lead completado | `Lead` |
| Registro finalizado | `CompleteRegistration` |
| Solo visualización de una página o producto | `ViewContent` |
| Visita a la página (visión general) | `PageView` |


| En los eventos de venta (`Purchase`), incluye siempre `cd[value]` (el valor) y `cd[currency]` (la moneda). Sin ellos, Facebook contabiliza la compra pero no sabe cuánto valió, y pierdes la optimización por retorno. Eventos como `PageView` y `ViewContent` no necesitan valor. La lista completa de eventos está en la [documentación oficial de Facebook](https://www.facebook.com/business/help/402791146561655).

---