Guia d'integració de CMP: Shopify, WordPress, Wix i llocs personalitzats
La pregunta número u que escoltem dels nous usuaris: «Com instal·lo FlexyConsent al meu lloc?» La resposta és la mateixa independentment de la plataforma: enganxeu una línia de JavaScript abans del tag de tancament head. Però els passos exactes difereixen lleugerament per a Shopify, WordPress, Wix, Squarespace i llocs construïts a mida. Aquesta guia els cobreix tots.
L'enfocament universal
FlexyConsent funciona amb un sol tag script. Sense plugins, sense SDK, sense configuració al servidor. Qualsevol plataforma que permeti HTML personalitzat a la secció head és compatible amb FlexyConsent. L'script pesa menys de 50 KB i es carrega de manera asíncrona, la qual cosa significa zero impacte en la velocitat de la pàgina.
L'script:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Obteniu el vostre script únic al panell de FlexyConsent després de crear el compte.
Shopify
- Pas 1: Aneu a Online Store > Themes > Edit Code
- Pas 2: Obriu theme.liquid
- Pas 3: Enganxeu l'script de FlexyConsent just abans de </head>
- Pas 4: Deseu — el banner de consentiment és actiu a totes les pàgines
No cal cap aplicació de Shopify. Funciona amb tots els temes, inclosos Dawn, Debut i temes personalitzats.
WordPress
- Opció A (sense plugin): Appearance > Theme Editor > header.php > enganxeu abans de </head>
- Opció B (amb plugin): Instal·leu qualsevol plugin «Insert Headers» > enganxeu l'script a la secció Head
- Opció C (functions.php): Afegiu un ganxo d'acció wp_head que generi el tag script
Compatible amb tots els temes principals (Astra, GeneratePress, Divi, Elementor) i els constructors de pàgines. Sense conflictes amb els plugins de memòria cau: l'script es carrega de manera independent.
Wix
- Pas 1: Aneu a Settings > Custom Code
- Pas 2: Feu clic a «Add Custom Code»
- Pas 3: Enganxeu l'script de FlexyConsent
- Pas 4: Establiu la posició a «Head» i apliqueu-ho a «All pages»
Funciona amb tots els plans de Wix que admeten codi personalitzat (pla Business i superiors).
Squarespace
- Pas 1: Aneu a Settings > Advanced > Code Injection
- Pas 2: Enganxeu l'script a la secció Header
- Pas 3: Deseu — el banner de consentiment apareix a totes les pàgines
HTML personalitzat / Llocs estàtics
- Pas 1: Obriu el vostre fitxer de plantilla HTML o de disseny
- Pas 2: Enganxeu l'script abans de </head>
- Pas 3: Publiqueu — literalment, això és tot
Funciona amb qualsevol generador de llocs estàtics (Next.js, Gatsby, Hugo, Jekyll, Astro), qualsevol framework (React, Vue, Angular) i qualsevol proveïdor d'allotjament.
Google Tag Manager
- Pas 1: Creeu un nou tag HTML personalitzat
- Pas 2: Enganxeu l'script de FlexyConsent
- Pas 3: Establiu el disparador a «All Pages — Page View»
- Pas 4: Establiu la prioritat per executar-se abans que altres tags
Quan s'utilitza GTM, FlexyConsent s'integra automàticament amb Google Consent Mode V2: no cal cap configuració addicional.
Després de la instal·lació: Què cal verificar
- El banner apareix — visiteu el lloc en una finestra d'incògnit
- Consent Mode s'activa — comproveu l'estat de consentiment a Google Tag Assistant
- TC String es genera — verifiqueu-ho a la consola del navegador amb __tcfapi
- Les analítiques continuen funcionant — confirmeu que les dades flueixen després d'acceptar el consentiment
- El mòbil funciona — feu proves en dispositius mòbils reals
Problemes habituals i solucions
- El banner no apareix? Comproveu que l'script és al <head>, no al <body>. Buideu la memòria cau del navegador.
- El banner apareix a cada visita? Assegureu-vos que les galetes no estan bloquejades pel vostre navegador o una extensió de privadesa.
- Google Ads no fa seguiment? Assegureu-vos que l'script de FlexyConsent es carrega abans dels vostres tags de Google.