CMP integrazio gida: Shopify, WordPress, Wix eta gune pertsonalizatuak
Erabiltzaile berriek gehien egiten diguten galdera: «Nola instalatzen dut FlexyConsent nire gunean?» Erantzuna berdina da plataforma edozein dela ere — itsatsi JavaScript lerro bat head etiketa ixten den aurretik. Baina urrats zehatzak apur bat desberdintzen dira Shopify, WordPress, Wix, Squarespace eta pertsonalizatutako guneen kasuan. Gida honek guztiak biltzen ditu.
Ikuspegi unibertsala
FlexyConsent script etiketa bakar batekin funtzionatzen du. Plugin gabe, SDK gabe, zerbitzariaren konfigurazio gabe. Head sekzioan HTML pertsonalizatua onartzen duen edozein plataformak FlexyConsent onartzen du. Scripta 50 KB azpitik dago eta asinkronoki kargatzen da, zure orriaren abiadurarengan eragin zero esan nahi duena.
Scripta:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Zure script bakarra FlexyConsent paneletik jasotzen duzu kontua sortu ondoren.
Shopify
- 1. urratsa: Joan Online Store > Themes > Edit Code-era
- 2. urratsa: Ireki theme.liquid
- 3. urratsa: Itsatsi FlexyConsent scripta </head> aurretik
- 4. urratsa: Gorde — zure baimenaren bandera aktibo dago orrialde guztietan
Ez da Shopify aplikaziorik behar. Gai guztiekin funtzionatzen du, Dawn, Debut eta pertsonalizatutako gaiak barne.
WordPress
- A aukera (plugin gabe): Appearance > Theme Editor > header.php > itsatsi </head> aurretik
- B aukera (plugin batekin): Instalatu edozein «Insert Headers» plugin > itsatsi scripta Head sekzioan
- C aukera (functions.php): Gehitu wp_head ekintza-gako bat script etiketa irteten duena
Gai nagusi guztiekin bateragarria (Astra, GeneratePress, Divi, Elementor) eta orrialde-eraikitzaileekin. Katxe pluginekin ez dago gatazkarik — scripta modu independentean kargatzen da.
Wix
- 1. urratsa: Joan Settings > Custom Code-era
- 2. urratsa: Egin klik «Add Custom Code» aukera gainean
- 3. urratsa: Itsatsi FlexyConsent scripta
- 4. urratsa: Ezarri kokapena «Head» gisa eta aplikatu «All pages» aukeran
Kode pertsonalizatua onartzen duten Wix plan guztietan funtzionatzen du (Business plana eta goragokoak).
Squarespace
- 1. urratsa: Joan Settings > Advanced > Code Injection-era
- 2. urratsa: Itsatsi scripta Header sekzioan
- 3. urratsa: Gorde — baimenaren bandera orrialde guztietan agertzen da
HTML pertsonalizatua / Gune estatikoak
- 1. urratsa: Ireki zure HTML txantiloi edo diseinu fitxategia
- 2. urratsa: Itsatsi scripta </head> aurretik
- 3. urratsa: Zabaldu — hori da literalki dena
Edozein gune estatiko sortzailerekin funtzionatzen du (Next.js, Gatsby, Hugo, Jekyll, Astro), edozein framework-ekin (React, Vue, Angular) eta edozein ostatu-hornitzailerekin.
Google Tag Manager
- 1. urratsa: Sortu HTML pertsonalizatuko etiketa berri bat
- 2. urratsa: Itsatsi FlexyConsent scripta
- 3. urratsa: Ezarri abiarazlea «All Pages — Page View» gisa
- 4. urratsa: Ezarri lehentasuna beste etiketak baino lehen exekutatzeko
GTM erabiltzerakoan, FlexyConsent automatikoki integratzen da Google Consent Mode V2-rekin — ez da konfigurazio gehigarririk behar.
Instalazioa ostean: Zer egiaztatu
- Bandera agertzen da — bisitatu zure gunea inkognito leihoan
- Consent Mode abiarazten da — egiaztatu baimenaren egoera Google Tag Assistant-en
- TC String sortzen da — egiaztatu nabigatzailearen kontsolan __tcfapi erabiliz
- Analitikak oraindik funtzionatzen du — baiezta ezazu datuak baimenaren onarpena ostean isurtzen direla
- Mugikorra funtzionatzen du — probatu benetako mugikor-gailuetan
Arazo ohikoak eta konponketak
- Bandera ez da agertzen? Egiaztatu scripta <head>-en dagoela, ez <body>-n. Garbitu nabigatzailearen katxea.
- Bandera bisita guztietan agertzen da? Ziurtatu cookieak zure nabigatzaileak edo pribatutasun-luzapenak blokeatzen ez dituela.
- Google Ads ez du jarraitzen? Ziurtatu FlexyConsent scripta Google-en etiketak baino lehen kargatzen dela.