> ## 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 com Meta Pixel

> ℹ️ **Note:** Este artigo foi traduzido automaticamente utilizando IA e pode conter imprecisões. Se algo parecer errado, entre em contato com nossa equipe de suporte.

Ligando Meta Pixel com Hoppy Cookie permite que o Facebook e Instagram rastreiem as preferências de consentimento do visitante coletadas através do seu Cookie Banner.

Em vez de carregar imediatamente quando uma página é visitada, o Meta Pixel só fica ativo quando os visitantes concedem o consentimento de Marketing. Isso ajuda os comerciantes a manter uma frente de loja mais amigável à privacidade, enquanto continuam a apoiar o redirecionamento, publicidade e rastreamento de conversão quando o consentimento é fornecido.

---

# **⚠️ Antes de começar**

Antes de conectar Meta Pixel, certifique-se:

*   Hoppy GDPR EU Cookie Banner está instalado e ativo
*   Seu Banner de Cookies é publicado
*   Você tem seu ID Meta Pixel disponível

Você pode encontrar seu ID Pixel dentro:

**Gestor de Meta- Eventos**

⚠️ **Importante:**

Se Meta Pixel já está instalado diretamente em seu Shopify tema ou através de outro aplicativo, não habilite esta integração até que a instalação duplicada seja removida.

Carregar o mesmo pixel de várias fontes pode causar:

*   Duplicar eventos
*   Relatórios incorretos
*   Rastreamento de conversão incorreto

---

# **🛠️ Passo 1 — Abra a seção Integração**

Dentro do seu Shopify Administrador:

→ Abrir **Hoppy GDPR EU Cookie Banner**

→ Clique **Integração**

Localização:

**Meta Pixel**

e abrir a página de integração.

Se a integração ainda não tiver sido configurada, o estado irá mostrar:

→ **Desligado**

---

# **🔑 Passo 2 — Introduza seu ID de metapixel**

Localização:

### **Meta Pixel ID**

Colar o seu ID Pixel no campo fornecido.

### **Exemplo**

123456789012345

⚠️ Apenas digite o ID do Pixel.

Não incluir:

*   URLs
*   Marcas de script
*   Excertos de código adicionais

Certifique-se de que não há espaços extras antes ou depois do ID.

---

# **⚙️ Etapa 3 — Habilitar a Integração**

Depois de inserir seu ID Pixel:

→ Alternar **Integrar com Meta Pixel** para **Ligado**

Uma vez habilitada:

*   O estado muda para **Ligado**
*   A integração torna-se activa
*   Comportamento Meta Pixel torna-se controlado por preferências de consentimento do visitante

O consentimento de marketing agora é usado para determinar se o Meta tracking pode ser executado.

---

# **💾 Passo 4 — salve suas mudanças**

Após configurar o Pixel ID e habilitar a integração:

→ Clique **Gravar**

A configuração é sincronizada automaticamente com o seu storefront.

Não são necessárias edições de tema ou instalação manual de código.

---

# **🔄 Como Funciona a Integração**

Uma vez habilitado, o comportamento do Meta Pixel depende das preferências de cookies do visitante.

---

## **Quando o consentimento de marketing é aceito**

Se o visitante aceitar cookies de marketing:

✅ Meta Pixel carrega

✅ Os eventos de rastreamento podem disparar

✅ Publicidade e actividade de reorientação podem funcionar normalmente

Os exemplos incluem:

*   Vistas da Página
*   Eventos de Conversão
*   Atribuição de Publicidade

---

## **Quando o consentimento de marketing é negado**

Se o visitante negar cookies de marketing:

❌ Meta Pixel não carrega

❌ O rastreamento de marketing está bloqueado

❌ Eventos relacionados com publicidade não são enviados para Meta

Isso ajuda a garantir que o rastreamento se alinha com as preferências de consentimento do visitante.

---

# **🧪 Passo 5 — Verificar a Integração**

Após salvar, é recomendável verificar se a integração está funcionando corretamente.

---

## **Teste com Consentimento de Marketing Negado**

→ Abra sua loja em uma janela do navegador Incognito ou Privado

→ Quando a Banner de Cookies aparecer, negue cookies de marketing

Depois:

→ Abrir ferramentas de desenvolvimento

→ Abra o **Rede** aba

→ Procurar por:

fbevents.js

### **Resultado esperado**

Não devem aparecer pedidos para o Meta Pixel.

Isso indica que a integração está bloqueando corretamente o rastreamento.

---

## **Teste com consentimento de marketing aceito**

Repetir o teste utilizando uma nova janela Incognito.

Desta vez:

→ Aceitar cookies de marketing

→ Atualizar a página se necessário

Depois:

→ Abrir ferramentas de desenvolvimento

→ Abra o **Rede** aba

→ Procurar por:

fbevents.js

### **Resultado esperado**

Meta Pixel deve carregar com sucesso e começar a rastrear eventos.

---

## **Usar o Meta Pixel Helper**

A extensão do navegador Meta Pixel Helper também pode ser usada para verificar:

*   Instalação do Pixel
*   Seguimento ativo
*   Disparo de eventos
*   Erros do Pixel

Isso fornece uma maneira fácil de confirmar que o Meta Pixel está funcionando corretamente.

---

# **⚠️ Solução comum de problemas**

## **Meta Pixel Carrega Antes do Consentimento**

Isso geralmente indica que o Meta Pixel está instalado em outro lugar.

Verificar:

*   Shopify código do tema
*   Extensões da aplicação do tema
*   Outros Shopify apps
*   Google Tag Manager

Remover instalações duplicadas e permitir Hoppy Cookie para gerenciar o pixel diretamente.

---

## **Meta Pixel não carrega após o consentimento**

Verificar:

*   O ID do Pixel está correto
*   A integração está habilitada
*   As alterações foram salvas com sucesso
*   Foi aceite o consentimento de comercialização

Se o ID do Pixel contiver caracteres ou espaços incorretos, o pixel pode não carregar.

---

## **Duplicar eventos PageView**

Duplicar eventos PageView geralmente ocorrem quando:

*   Meta Pixel é carregado por Hoppy Cookie
*   Meta Pixel também é carregado através de outra fonte

Apenas um método de instalação deve ser ativo.

---

## **Nenhum evento aparece no Meta**

Se os eventos não aparecerem:

→ Verifique o ID do Pixel

→ Confirme que o pixel existe dentro do Meta Events Manager

→ Teste usando Meta Pixel Helper

→ Verificar o consentimento do Marketing foi concedido

---

# **⚠️ Notas Importantes**

### **Consentimento de Marketing Controla o Pixel**

Meta Pixel só responde à categoria de cookies de marketing.

Se o consentimento de Marketing for negado, o Meta tracking permanece desativado.

---

### **Sem Codificação de Temas Necessária**

A integração gerencia o Meta Pixel automaticamente.

Não há necessidade de adicionar manualmente os scripts Meta ao usar esta integração.

---

### **Evite instalações duplicadas**

Nunca carregue Meta Pixel simultaneamente através de:

*   Hoppy Cookie
*   Código do tema
*   Outra aplicação
*   Google Tag Manager

a menos que especificamente configurado para evitar eventos duplicados.

---

### **O consentimento pode mudar a qualquer momento**

Se um visitante atualizar suas preferências de cookies mais tarde:

*   Meta- seguimento pode ser activado
*   Meta- seguimento pode ser desativado

dependendo da seleção atualizada do consentimento.

---

# **🎉 Resultado Final**

Uma vez configurado com sucesso:

✅ Meta Pixel carrega somente quando é concedido o consentimento de Marketing

✅ Visitantes que recusam Cookies de marketing não são rastreados

✅ A publicidade no Facebook e Instagram pode respeitar as preferências do visitante

✅ Redirecionamento e rastreamento de conversão permanecem disponíveis após o consentimento

✅ Não é necessária nenhuma codificação manual do tema

✅ O comportamento de rastreamento permanece alinhado com as configurações do Cookie Banner

A integração com o Meta Pixel ajuda os comerciantes a equilibrar o desempenho da publicidade com a privacidade do visitante, garantindo que o Meta tracking só seja ativado quando for fornecido o consentimento adequado.

---