Vodič za integraciju CMP-a: Shopify, WordPress, Wix i prilagođene stranice
Najčešće pitanje novih korisnika: 'Kako instalirati FlexyConsent na svoju stranicu?' Odgovor je isti bez obzira na platformu — zalijepite jedan redak JavaScripta prije zatvarajuće head oznake. No točni koraci malo se razlikuju za Shopify, WordPress, Wix, Squarespace i prilagođene stranice. Ovaj vodič pokriva sve njih.
Univerzalni pristup
FlexyConsent radi s jednom skriptnom oznakom. Bez dodataka, bez SDK-ova, bez konfiguracije na strani poslužitelja. Svaka platforma koja dopušta prilagođeni HTML u head sekciji podržava FlexyConsent. Skripta je manja od 50 KB i učitava se asinkrono, što znači nulti utjecaj na brzinu stranice.
Skripta:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Svoju jedinstvenu skriptu dobivate u FlexyConsent panelu nakon stvaranja računa.
Shopify
- Korak 1: Idite na Online Store > Themes > Edit Code
- Korak 2: Otvorite theme.liquid
- Korak 3: Zalijepite FlexyConsent skriptu neposredno prije </head>
- Korak 4: Spremite — vaš banner za pristanak je aktivan na svim stranicama
Nije potrebna nijedna Shopify aplikacija. Radi sa svim temama uključujući Dawn, Debut i prilagođene teme.
WordPress
- Opcija A (bez dodatka): Appearance > Theme Editor > header.php > zalijepite prije </head>
- Opcija B (s dodatkom): Instalirajte bilo koji dodatak "Insert Headers" > zalijepite skriptu u sekciju Head
- Opcija C (functions.php): Dodajte wp_head action hook koji ispisuje skriptnu oznaku
Kompatibilno sa svim glavnim temama (Astra, GeneratePress, Divi, Elementor) i graditeljevima stranica. Nema sukoba s dodacima za predmemoriranje — skripta se učitava neovisno.
Wix
- Korak 1: Idite na Settings > Custom Code
- Korak 2: Kliknite "Add Custom Code"
- Korak 3: Zalijepite FlexyConsent skriptu
- Korak 4: Postavite smještaj na "Head" i primijenite na "All pages"
Radi na svim Wix planovima koji podržavaju prilagođeni kod (Business plan i iznad).
Squarespace
- Korak 1: Idite na Settings > Advanced > Code Injection
- Korak 2: Zalijepite skriptu u sekciju Header
- Korak 3: Spremite — banner za pristanak pojavljuje se na svim stranicama
Prilagođeni HTML / Statičke stranice
- Korak 1: Otvorite HTML predložak ili datoteku rasporeda
- Korak 2: Zalijepite skriptu prije </head>
- Korak 3: Objavite — to je doslovno sve
Radi s bilo kojim generatorom statičkih stranica (Next.js, Gatsby, Hugo, Jekyll, Astro), bilo kojim okvirom (React, Vue, Angular) i bilo kojim pružateljem usluga hostinga.
Google Tag Manager
- Korak 1: Stvorite novu oznaku Custom HTML
- Korak 2: Zalijepite FlexyConsent skriptu
- Korak 3: Postavite okidač na "All Pages — Page View"
- Korak 4: Postavite prioritet da se aktivira prije ostalih oznaka
Pri korištenju GTM-a, FlexyConsent se automatski integrira s Google Consent Mode V2 — nije potrebna dodatna konfiguracija.
Nakon instalacije: Što provjeriti
- Banner se prikazuje — posjetite svoju stranicu u anonimnom prozoru
- Consent Mode se aktivira — provjerite Google Tag Assistant za stanje pristanka
- TC String se generira — provjerite u konzoli preglednika s __tcfapi
- Analitika još radi — potvrdite da podaci teku nakon prihvaćanja pristanka
- Mobilni uređaji rade — testirajte na stvarnim mobilnim uređajima
Uobičajeni problemi i rješenja
- Banner se ne prikazuje? Provjerite da je skripta u <head>, a ne u <body>. Obrišite predmemoriju preglednika.
- Banner se prikazuje pri svakom posjetu? Provjerite da kolačići nisu blokirani vašim preglednikom ili ekstenzijom za privatnost.
- Google Ads ne prati? Osigurajte da se FlexyConsent skripta učitava prije vaših Google oznaka.