> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/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).

# 🔗 Integrar Hoppy Cookie con Meta Pixel

> ℹ️ **Note:** Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

Conectar Meta Pixel con Hoppy Cookie permite el seguimiento de Facebook e Instagram para respetar las preferencias de consentimiento del visitante recogidas a través de su Cookie Banner.

En lugar de cargar inmediatamente cuando se visita una página, Meta Pixel sólo se activa cuando los visitantes conceden el consentimiento de Marketing. Esto ayuda a los comerciantes a mantener una tienda más amigable con la privacidad mientras sigue apoyando el retargeting, la publicidad y el seguimiento de la conversión cuando se proporciona el consentimiento.

---

# **⚠️ Antes de empezar**

Antes de conectar Meta Pixel, asegúrese de:

*   Hoppy GDPR EU Cookie Banner está instalado y activo
*   Tu Cookie Banner es publicado
*   Tiene su Meta Pixel ID disponible

Puede encontrar su ID de Pixel dentro:

**Meta Events Manager**

⚠️ **Importante:**

Si Meta Pixel ya está instalado directamente en su Shopify tema o a través de otra aplicación, no permitir esta integración hasta que se elimina la instalación duplicada.

Cargar el mismo píxel de múltiples fuentes puede causar:

*   Eventos duplicados
*   Información incorrecta
*   Rastreo de conversión inexacto

---

# **🛠️ Paso 1 - Abra la Sección de Integración**

Dentro de tu Shopify Admin:

→ Abierto **Hoppy GDPR EU Cookie Banner**

→ **Integración**

Localizar:

**Meta Pixel**

y abrir la página de integración.

Si la integración no se ha configurado todavía, el estado mostrará:

→ **Fuera.**

---

# **🔑 Paso 2 - Ingrese su Meta Pixel ID**

Localizar:

### **Meta Pixel ID**

Pruebe su identificación Pixel en el campo proporcionado.

### **Ejemplo**

123456789012345

⚠️ Solo ingrese el ID de Pixel.

No incluye:

*   URLs
*   Etiquetas de script
*   Código adicional

Asegúrese de que no hay espacios adicionales antes o después de la identificación.

---

# **⚙️ Paso 3 - Permitir la integración**

Después de introducir su ID de Pixel:

→ Toggle **Integrar con Meta Pixel** a **On**

Una vez habilitado:

*   El estado cambia **On**
*   La integración se hace activa
*   Comportamiento Meta Pixel se controla por preferencias de consentimiento del visitante

El consentimiento de marketing se utiliza ahora para determinar si Meta seguimiento puede funcionar.

---

# **💾 Paso 4 — Guarda tus cambios**

Después de configurar el ID de Pixel y permitir la integración:

→ **Guardar**

La configuración se sincroniza automáticamente en tu escaparate.

No se requieren ediciones temáticas ni instalación de código manual.

---

# **🔄 Cómo funciona la integración**

Una vez habilitado, el comportamiento de Meta Pixel depende de las preferencias de cookies del visitante.

---

## **Cuando el Consentimiento de Marketing es aceptado**

Si el visitante acepta cookies de marketing:

✅ Cargas Meta Pixel

✅ Los eventos de seguimiento pueden disparar

✅ La actividad de publicidad y retargeting puede funcionar normalmente

Por ejemplo:

*   Vistas de página
*   Conversion Events
*   Atribución de publicidad

---

## **Cuando el Consentimiento de Marketing es denegado**

Si el visitante niega las cookies de marketing:

❌ Meta Pixel no carga

❌ El seguimiento de marketing está bloqueado

❌ Eventos relacionados con la publicidad no se envían a Meta

Esto ayuda a asegurar que el seguimiento se ajuste a las preferencias de consentimiento del visitante.

---

# **🧪 Paso 5 - Verificar la integración**

Después de guardar, se recomienda verificar que la integración está funcionando correctamente.

---

## **Prueba con Consentimiento de Marketing**

→ Abra su escaparate en una ventana de Incognito o navegador privado

→ Cuando aparezca la cookie Banner, niegue las cookies de marketing

Entonces:

→ Open Developer Tools

→ Abrir el **Red** pestaña

→ Buscar:

fbevents.js

### **Resultado previsto**

No deben aparecer solicitudes a Meta Pixel.

Esto indica que la integración está bloqueando correctamente el seguimiento.

---

## **Prueba con Consentimiento de Marketing Aceptado**

Repita la prueba usando una nueva ventana Incognito.

Esta vez:

→ Aceptar cookies de marketing

→ Actualizar la página si es necesario

Entonces:

→ Open Developer Tools

→ Abrir el **Red** pestaña

→ Buscar:

fbevents.js

### **Resultado previsto**

Meta Pixel debe cargar con éxito y comenzar a rastrear eventos.

---

## **Use Meta Pixel Helper**

La extensión del navegador Meta Pixel Helper también se puede utilizar para verificar:

*   Instalación de pixel
*   Seguimiento activo
*   Evento de disparo
*   Errores de píxel

Esto proporciona una manera fácil de confirmar que Meta Pixel está operando correctamente.

---

# **⚠️ Solución de problemas comunes**

## **Meta Pixel carga antes del consentimiento**

Esto usualmente indica que Meta Pixel está instalado en otro lugar.

Check:

*   Shopify clave
*   Extensiones de aplicación temática
*   Otros Shopify aplicaciones
*   Google Tag Manager

Eliminar las instalaciones duplicadas y permitir Hoppy Cookie para manejar el píxel directamente.

---

## **Meta Pixel no carga después de consentimiento**

Verificar:

*   El ID de Pixel es correcto
*   La integración está habilitada
*   Los cambios se guardaron con éxito
*   Se aceptó el consentimiento para la comercialización

Si el ID de Pixel contiene caracteres o espacios incorrectos, el píxel puede no cargar.

---

## **Duplicar PáginaVer Eventos**

Los eventos Duplicar PageView generalmente ocurren cuando:

*   Meta Pixel está cargado por Hoppy Cookie
*   Meta Pixel también se carga a través de otra fuente

Sólo un método de instalación debe estar activo.

---

## **No hay eventos en Meta**

Si los eventos no aparecen:

→ Verificar el ID de Pixel

→ Confirmar el píxel existe dentro de Meta Events Manager

→ Prueba usando Meta Pixel Helper

→ Verificar el consentimiento de Marketing ha sido concedido

---

# **⚠️ Notas importantes**

### **Consentimiento de Marketing Controla el Pixel**

Meta Pixel sólo responde a la categoría de cookie de Marketing.

Si se niega el consentimiento de la comercialización, Meta de seguimiento sigue siendo deshabilitado.

---

### **No se requiere codificación temática**

La integración administra Meta Pixel automáticamente.

No es necesario agregar manualmente los scripts Meta al usar esta integración.

---

### **Evite las instalaciones duplicadas**

Nunca cargue Meta Pixel simultáneamente a través de:

*   Hoppy Cookie
*   Código temático
*   Otra aplicación
*   Google Tag Manager

a menos que se configura específicamente para evitar eventos duplicados.

---

### **El consentimiento puede cambiar en cualquier momento**

Si un visitante actualiza sus preferencias de cookies más tarde:

*   Se puede activar el seguimiento de meta
*   El seguimiento puede ser deshabilitado

dependiendo de la selección de consentimiento actualizada.

---

# **🎉 Resultado final**

Una vez configurado con éxito:

✅ Meta Pixel carga sólo cuando se concede el consentimiento de Marketing

✅ Los visitantes que declinan las cookies de marketing no son rastreados

✅ Facebook e Instagram publicidad puede respetar las preferencias de los visitantes

✅ El rastreo de la retaguardia y la conversión sigue disponible después del consentimiento

✅ No se requiere codificación manual

✅ El comportamiento de seguimiento se mantiene alineado con la configuración de Cookie Banner

La integración Meta Pixel ayuda a los comerciantes a equilibrar el rendimiento publicitario con la privacidad del visitante asegurando que Meta tracking sólo activa cuando se ha proporcionado el consentimiento adecuado.

---