Vodnik za integracijo CMP: Shopify, WordPress, Wix in lastne strani
Najpogostejše vprašanje novih uporabnikov: "Kako namestim FlexyConsent na svojo spletno stran?" Odgovor je enak ne glede na platformo — prilepite eno vrstico JavaScript pred zaključno oznako head. Točni koraki se nekoliko razlikujejo za Shopify, WordPress, Wix, Squarespace in po meri zgrajene spletne strani. Ta vodnik pokriva vse.
Univerzalni pristop
FlexyConsent deluje z eno samo oznako skripta. Brez vtičnikov, brez SDK, brez konfiguracije na strežniški strani. Vsaka platforma, ki omogoča po meri narejeni HTML v razdelku head, podpira FlexyConsent. Skript je manjši od 50 KB in se naloži asinhrono, kar pomeni ničelni vpliv na hitrost vaše strani.
Skript:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Vaš edinstveni skript dobite iz FlexyConsent panela po ustvaritvi računa.
Shopify
- Korak 1: Pojdite na Online Store > Themes > Edit Code
- Korak 2: Odprite theme.liquid
- Korak 3: Prilepite skript FlexyConsent tik pred </head>
- Korak 4: Shranite — vaš pasica za privolitev je aktivna na vseh straneh
Nobena Shopify aplikacija ni potrebna. Deluje z vsemi temami, vključno z Dawn, Debut in po meri narejenimi temami.
WordPress
- Možnost A (brez vtičnika): Appearance > Theme Editor > header.php > prilepite pred </head>
- Možnost B (z vtičnikom): Namestite kateri koli vtičnik "Insert Headers" > prilepite skript v razdelek Head
- Možnost C (functions.php): Dodajte action hook wp_head, ki izpiše oznako skripta
Združljivo z vsemi glavnimi temami (Astra, GeneratePress, Divi, Elementor) in graditelji strani. Brez konfliktov z vtičniki za predpomnenje — skript se naloži neodvisno.
Wix
- Korak 1: Pojdite na Settings > Custom Code
- Korak 2: Kliknite "Add Custom Code"
- Korak 3: Prilepite skript FlexyConsent
- Korak 4: Nastavite umestitev na "Head" in uporabite za "All pages"
Deluje na vseh Wix načrtih, ki podpirajo po meri narejeno kodo (načrt Business in višje).
Squarespace
- Korak 1: Pojdite na Settings > Advanced > Code Injection
- Korak 2: Prilepite skript v razdelek Header
- Korak 3: Shranite — pasica za privolitev se pojavi na vseh straneh
Po meri narejeni HTML / Statične strani
- Korak 1: Odprite svojo HTML predlogo ali datoteko postavitve
- Korak 2: Prilepite skript pred </head>
- Korak 3: Objavite — to je dobesedno vse
Deluje s katerim koli generatorjem statičnih strani (Next.js, Gatsby, Hugo, Jekyll, Astro), katerim koli ogrodjem (React, Vue, Angular) in katerim koli ponudnikom gostovanja.
Google Tag Manager
- Korak 1: Ustvarite novo oznako Custom HTML
- Korak 2: Prilepite skript FlexyConsent
- Korak 3: Nastavite sprožilec na "All Pages — Page View"
- Korak 4: Nastavite prednost, da se sproži pred drugimi oznakami
Pri uporabi GTM se FlexyConsent samodejno integrira z Google Consent Mode V2 — nobena dodatna konfiguracija ni potrebna.
Po namestitvi: Kaj preveriti
- Pasica se prikaže — obiščite svojo stran v oknu brez beleženja
- Consent Mode se sproži — preverite Google Tag Assistant za stanje privolitve
- TC String se generira — preverite v konzoli brskalnika z __tcfapi
- Analitika še vedno deluje — potrdite pretok podatkov po sprejemu privolitve
- Mobilne naprave delujejo — testirajte na dejanskih mobilnih napravah
Pogosti problemi in rešitve
- Pasica se ne prikaže? Preverite, ali je skript v <head>, ne v <body>. Počistite predpomnilnik brskalnika.
- Pasica se prikaže ob vsakem obisku? Zagotovite, da piškotki niso blokirani z vašim brskalnikom ali razširitvijo za zasebnost.
- Google Ads ne sledi? Zagotovite, da se skript FlexyConsent naloži pred vašimi Google oznakami.