Guía de integración de CMP: Shopify, WordPress, Wix e sitios personalizados
A pregunta máis frecuente que escoitamos dos novos usuarios: «Como instalo FlexyConsent no meu sitio?» A resposta é a mesma independentemente da plataforma: pega unha liña de JavaScript antes da etiqueta de peche head. Pero os pasos exactos difiren lixeiramente para Shopify, WordPress, Wix, Squarespace e sitios construídos á medida. Esta guía cóbreos todos.
O enfoque universal
FlexyConsent funciona cunha única etiqueta script. Sen plugins, sen SDK, sen configuración no servidor. Calquera plataforma que permita HTML personalizado na sección head é compatible con FlexyConsent. O script pesa menos de 50 KB e carga de forma asíncrona, o que significa cero impacto na velocidade da túa páxina.
O script:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Obtés o teu script único no panel de FlexyConsent despois de crear a túa conta.
Shopify
- Paso 1: Vai a Online Store > Themes > Edit Code
- Paso 2: Abre theme.liquid
- Paso 3: Pega o script de FlexyConsent xusto antes de </head>
- Paso 4: Garda — o teu banner de consentimento está activo en todas as páxinas
Non se necesita ningunha aplicación de Shopify. Funciona con todos os temas, incluídos Dawn, Debut e temas personalizados.
WordPress
- Opción A (sen plugin): Appearance > Theme Editor > header.php > pega antes de </head>
- Opción B (con plugin): Instala calquera plugin «Insert Headers» > pega o script na sección Head
- Opción C (functions.php): Engade un gancho de acción wp_head que xere a etiqueta script
Compatible con todos os temas principais (Astra, GeneratePress, Divi, Elementor) e os construtores de páxinas. Sen conflitos con plugins de caché: o script carga de forma independente.
Wix
- Paso 1: Vai a Settings > Custom Code
- Paso 2: Fai clic en «Add Custom Code»
- Paso 3: Pega o script de FlexyConsent
- Paso 4: Establece o posicionamento en «Head» e aplícao en «All pages»
Funciona en todos os plans de Wix que admiten código personalizado (plan Business e superiores).
Squarespace
- Paso 1: Vai a Settings > Advanced > Code Injection
- Paso 2: Pega o script na sección Header
- Paso 3: Garda — o banner de consentimento aparece en todas as páxinas
HTML personalizado / Sitios estáticos
- Paso 1: Abre o teu ficheiro de modelo HTML ou de deseño
- Paso 2: Pega o script antes de </head>
- Paso 3: Desprega — literalmente iso é todo
Funciona con calquera xerador de sitios estáticos (Next.js, Gatsby, Hugo, Jekyll, Astro), calquera framework (React, Vue, Angular) e calquera provedor de aloxamento.
Google Tag Manager
- Paso 1: Crea unha nova etiqueta HTML personalizada
- Paso 2: Pega o script de FlexyConsent
- Paso 3: Establece o disparador en «All Pages — Page View»
- Paso 4: Establece a prioridade para que se execute antes que outras etiquetas
Ao usar GTM, FlexyConsent intégrase automaticamente con Google Consent Mode V2: non é necesaria ningunha configuración adicional.
Despois da instalación: Que verificar
- O banner aparece — visita o sitio nunha xanela de incógnito
- Consent Mode actívase — comproba o estado de consentimento en Google Tag Assistant
- TC String xérase — verifica na consola do navegador con __tcfapi
- As analíticas seguen funcionando — confirma que os datos flúen despois de aceptar o consentimento
- O móbil funciona — proba en dispositivos móbiles reais
Problemas habituais e solucións
- O banner non aparece? Comproba que o script está no <head>, non no <body>. Baleira a caché do navegador.
- O banner aparece en cada visita? Asegúrate de que as cookies non están bloqueadas polo teu navegador ou por unha extensión de privacidade.
- Google Ads non fai seguimento? Asegúrate de que o script de FlexyConsent carga antes das túas etiquetas de Google.