Sprievodca integráciou CMP: Shopify, WordPress, Wix a vlastné stránky
Najčastejšia otázka od nových používateľov: "Ako nainštalujem FlexyConsent na svoju stránku?" Odpoveď je rovnaká bez ohľadu na platformu — vložte jeden riadok JavaScript pred uzatváraciu značku head. Presné kroky sa však mierne líšia pre Shopify, WordPress, Wix, Squarespace a vlastné stránky. Táto príručka pokrýva všetky.
Univerzálny prístup
FlexyConsent funguje s jednou značkou skriptu. Žiadne pluginy, žiadne SDK, žiadna konfigurácia na strane servera. Každá platforma, ktorá umožňuje vlastný HTML v sekcii head, podporuje FlexyConsent. Skript má menej ako 50 KB a načítava sa asynchrónne, čo znamená nulový vplyv na rýchlosť vašej stránky.
Skript:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Váš jedinečný skript získate z panela FlexyConsent po vytvorení účtu.
Shopify
- Krok 1: Prejdite na Online Store > Themes > Edit Code
- Krok 2: Otvorte theme.liquid
- Krok 3: Vložte skript FlexyConsent tesne pred </head>
- Krok 4: Uložte — váš banner súhlasu je aktívny na všetkých stránkach
Žiadna aplikácia Shopify nie je potrebná. Funguje so všetkými témami vrátane Dawn, Debut a vlastných tém.
WordPress
- Možnosť A (bez pluginu): Appearance > Theme Editor > header.php > vložte pred </head>
- Možnosť B (s pluginom): Nainštalujte ľubovoľný plugin "Insert Headers" > vložte skript do sekcie Head
- Možnosť C (functions.php): Pridajte action hook wp_head, ktorý vypíše tag skriptu
Kompatibilné so všetkými hlavnými témami (Astra, GeneratePress, Divi, Elementor) a page buildermi. Žiadne konflikty s pluginmi na cachovanie — skript sa načítava nezávisle.
Wix
- Krok 1: Prejdite na Settings > Custom Code
- Krok 2: Kliknite na "Add Custom Code"
- Krok 3: Vložte skript FlexyConsent
- Krok 4: Nastavte umiestnenie na "Head" a aplikujte na "All pages"
Funguje na všetkých plánoch Wix, ktoré podporujú vlastný kód (plán Business a vyšší).
Squarespace
- Krok 1: Prejdite na Settings > Advanced > Code Injection
- Krok 2: Vložte skript do sekcie Header
- Krok 3: Uložte — banner súhlasu sa zobrazí na všetkých stránkach
Vlastné HTML / Statické stránky
- Krok 1: Otvorte svoju HTML šablónu alebo súbor rozloženia
- Krok 2: Vložte skript pred </head>
- Krok 3: Nasaďte — to je doslova všetko
Funguje s akýmkoľvek generátorom statických stránok (Next.js, Gatsby, Hugo, Jekyll, Astro), akýmkoľvek frameworkom (React, Vue, Angular) a akýmkoľvek poskytovateľom hostingu.
Google Tag Manager
- Krok 1: Vytvorte nový tag Custom HTML
- Krok 2: Vložte skript FlexyConsent
- Krok 3: Nastavte spúšťač na "All Pages — Page View"
- Krok 4: Nastavte prioritu na spustenie pred ostatnými tagmi
Pri použití GTM sa FlexyConsent automaticky integruje s Google Consent Mode V2 — žiadna ďalšia konfigurácia nie je potrebná.
Po inštalácii: Čo overiť
- Banner sa zobrazuje — navštívte svoju stránku v okne inkognito
- Consent Mode sa spúšťa — skontrolujte Google Tag Assistant pre stav súhlasu
- TC String sa generuje — overte v konzole prehliadača pomocou __tcfapi
- Analytika stále funguje — potvrďte tok dát po prijatí súhlasu
- Mobilné zariadenia fungujú — otestujte na skutočných mobilných zariadeniach
Bežné problémy a opravy
- Banner sa nezobrazuje? Skontrolujte, či je skript v <head>, nie v <body>. Vymažte cache prehliadača.
- Banner sa zobrazuje pri každej návšteve? Uistite sa, že súbory cookie nie sú blokované vaším prehliadačom alebo rozšírením na ochranu súkromia.
- Google Ads nesleduje? Uistite sa, že skript FlexyConsent sa načíta pred vašimi Google tagmi.