CMP integratsiooni juhend: Shopify, WordPress, Wix ja kohandatud saidid
Kõige sagedamini kuuleme uutelt kasutajatelt: „Kuidas paigaldada FlexyConsent oma saidile?“ Vastus on sama olenemata platvormist — kleepige üks JavaScript-rida enne sulguvat head-silti. Kuid täpsed sammud erinevad veidi Shopify, WordPressi, Wixi, Squarespace’i ja kohandatud saitide puhul. See juhend katab need kõik.
Universaalne lähenemisviis
FlexyConsent töötab ühe script-sildiga. Ilma pluginateta, ilma SDK-deta, ilma serveripoolse konfiguratsioonita. Iga platvorm, mis lubab head-sektsioonis kohandatud HTML-i, toetab FlexyConsent’i. Skript on alla 50 KB ja laadib asünkroonselt, mis tähendab, et teie lehekülje kiirusele ei ole mingit mõju.
Skript:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Saate oma unikaalse skripti FlexyConsent’i paneelilt pärast konto loomist.
Shopify
- Samm 1: Minge Online Store > Themes > Edit Code
- Samm 2: Avage theme.liquid
- Samm 3: Kleepige FlexyConsent’i skript vahetult enne </head>
- Samm 4: Salvestage — teie nõusolekubänner on aktiivne kõikidel lehtedel
Shopify rakendust pole vaja. Töötab kõikide teemadega, sealhulgas Dawn, Debut ja kohandatud teemad.
WordPress
- Valik A (ilma pluginata): Appearance > Theme Editor > header.php > kleepige enne </head>
- Valik B (pluginaga): Installige mis tahes „Insert Headers“ plugin > kleepige skript Head-sektsiooni
- Valik C (functions.php): Lisage wp_head tegevuskonks, mis väljastab script-sildi
Ühilduv kõigi peamiste teemadega (Astra, GeneratePress, Divi, Elementor) ja leheehitajatega. Vahemälu pluginatega konflikte pole — skript laadib iseseisvalt.
Wix
- Samm 1: Minge Settings > Custom Code
- Samm 2: Klõpsake „Add Custom Code“
- Samm 3: Kleepige FlexyConsent’i skript
- Samm 4: Seadke asetus „Head“ ja rakendage „All pages“
Töötab kõikidel Wixi plaanidel, mis toetavad kohandatud koodi (Business plaan ja kõrgemad).
Squarespace
- Samm 1: Minge Settings > Advanced > Code Injection
- Samm 2: Kleepige skript Header-sektsiooni
- Samm 3: Salvestage — nõusolekubänner ilmub kõikidele lehtedele
Kohandatud HTML / Staatilised saidid
- Samm 1: Avage oma HTML-mall või paigutuse fail
- Samm 2: Kleepige skript enne </head>
- Samm 3: Juurutage — see ongi kõik
Töötab iga staatilise saidi generaatoriga (Next.js, Gatsby, Hugo, Jekyll, Astro), iga raamistikuga (React, Vue, Angular) ja iga hostimisteenuse pakkujaga.
Google Tag Manager
- Samm 1: Looge uus kohandatud HTML-silt
- Samm 2: Kleepige FlexyConsent’i skript
- Samm 3: Seadke käivitaja „All Pages — Page View“
- Samm 4: Seadke prioriteet, et see käivituks enne teisi silte
GTM kasutamisel integreerub FlexyConsent automaatselt Google Consent Mode V2-ga — täiendavat konfiguratsiooni pole vaja.
Pärast installimist: Mida kontrollida
- Bänner ilmub — külastage oma saiti inkognito aknas
- Consent Mode käivitub — kontrollige nõusoleku olekut Google Tag Assistantis
- TC String genereeritakse — kontrollige brauseri konsoolis __tcfapi abil
- Anülüütika töötab endiselt — veenduge, et andmed voolavad pärast nõusoleku andmist
- Mobiil töötab — testige reaalsetel mobiilseadmetel
Levinud probleemid ja lahendused
- Bänner ei ilmu? Kontrollige, et skript on <head>-s, mitte <body>-s. Tühjendage brauseri vahemälu.
- Bänner ilmub igal külastusel? Veenduge, et küpsised pole blokeeritud teie brauseri ega privaatsuse laienduse poolt.
- Google Ads ei jälgi? Veenduge, et FlexyConsent’i skript laadib enne teie Google’i silte.