CMP integrációs útmutató: Shopify, WordPress, Wix és egyéni weboldalak
Az új felhasználók leggyakoribb kérdése: 'Hogyan telepítsem a FlexyConsent-et a webhelyemre?' A válasz ugyanaz a platformtól függetlenül — illesszen be egy sor JavaScriptet a záró head tag elé. Az egyes lépések azonban kissé eltérnek a Shopify, WordPress, Wix, Squarespace és egyéni webhelyek esetén. Ez az útmutató mindet lefedi.
Az univerzális megközelítés
A FlexyConsent egyetlen script taggel működik. Nincs szükség bővítményekre, SDK-kra, szerver oldali konfigurációra. Minden platform, amely lehetővé teszi egyéni HTML hozzáadását a head szekcióhoz, támogatja a FlexyConsent-et. A szkript 50 KB alatt van és aszinkron módon töltődik be, ami nulla hatással van az oldal sebességére.
A szkript:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Az egyedi szkriptet a FlexyConsent panelből kapja meg a fiók létrehozása után.
Shopify
- 1. lépés: Menjen az Online Store > Themes > Edit Code menübe
- 2. lépés: Nyissa meg a theme.liquid fájlt
- 3. lépés: Illessze be a FlexyConsent szkriptet közvetlenül a </head> elé
- 4. lépés: Mentse el — a hozzájárulási banner minden oldalon aktív
Nincs szükség Shopify alkalmazásra. Minden témával működik, beleértve a Dawn, Debut és egyéni témákat.
WordPress
- A lehetőség (bővítmény nélkül): Appearance > Theme Editor > header.php > illessze be a </head> elé
- B lehetőség (bővítménnyel): Telepítsen bármilyen "Insert Headers" bővítményt > illessze be a szkriptet a Head szekcióba
- C lehetőség (functions.php): Adjon hozzá egy wp_head action hookot, amely megjeleníti a script taget
Kompatibilis az összes főbb témával (Astra, GeneratePress, Divi, Elementor) és oldalépítőkkel. Nincs konfliktus a gyorsítótár-bővítményekkel — a szkript önállóan töltődik be.
Wix
- 1. lépés: Menjen a Settings > Custom Code menübe
- 2. lépés: Kattintson az "Add Custom Code" gombra
- 3. lépés: Illessze be a FlexyConsent szkriptet
- 4. lépés: Állítsa az elhelyezést "Head"-re és alkalmazza az "All pages"-re
Minden Wix csomaggal működik, amely támogatja az egyéni kódot (Business csomag és felette).
Squarespace
- 1. lépés: Menjen a Settings > Advanced > Code Injection menübe
- 2. lépés: Illessze be a szkriptet a Header szekcióba
- 3. lépés: Mentse el — a hozzájárulási banner minden oldalon megjelenik
Egyéni HTML / Statikus oldalak
- 1. lépés: Nyissa meg a HTML sablonfájlt vagy az elrendezési fájlt
- 2. lépés: Illessze be a szkriptet a </head> elé
- 3. lépés: Tegye közzé — ennyi az egész
Minden statikus oldalszerkesztővel (Next.js, Gatsby, Hugo, Jekyll, Astro), keretrendszerrel (React, Vue, Angular) és tárhelyszolgáltatóval működik.
Google Tag Manager
- 1. lépés: Hozzon létre egy új Custom HTML taget
- 2. lépés: Illessze be a FlexyConsent szkriptet
- 3. lépés: Állítsa a triggert "All Pages — Page View"-ra
- 4. lépés: Állítsa be a prioritást úgy, hogy a többi tag előtt tüzeljen
GTM használatakor a FlexyConsent automatikusan integrálódik a Google Consent Mode V2-vel — nincs szükség további konfigurációra.
Telepítés után: Mit kell ellenőrizni
- A banner megjelenik — látogassa meg webhelyét inkognitó ablakban
- A Consent Mode aktiválódik — ellenőrizze a Google Tag Assistantban a hozzájárulás állapotát
- A TC String generálódik — ellenőrizze a böngésző konzolában a __tcfapi segítségével
- Az analitika még működik — ellenőrizze, hogy az adatok áramlanak a hozzájárulás elfogadása után
- A mobil működik — tesztelje valódi mobileszközökön
Gyakori problémák és megoldások
- Nem jelenik meg a banner? Ellenőrizze, hogy a szkript a <head>-ben van-e, nem a <body>-ban. Törölje a böngésző gyorsítótárát.
- Minden látogatáskor megjelenik a banner? Ellenőrizze, hogy a sütiket nem blokkolja-e a böngészője vagy egy adatvédelmi bővítmény.
- A Google Ads nem követ? Győződjön meg arról, hogy a FlexyConsent szkript a Google tagek előtt töltődik be.