Mwongozo wa Ujumuishaji wa CMP: Shopify, WordPress, Wix na Tovuti za Kawaida
Swali kubwa zaidi tunalolisikia kutoka kwa watumiaji wapya: "Ninawezaje kusakinisha FlexyConsent kwenye tovuti yangu?" Jibu ni sawa bila kujali jukwaa — bandika mstari mmoja wa JavaScript kabla ya tag ya kufunga ya head. Lakini hatua halisi hutofautiana kidogo kwa Shopify, WordPress, Wix, Squarespace, na tovuti zilizotengenezwa maalum. Mwongozo huu unashughulikia zote.
Mbinu ya Ulimwengu Wote
FlexyConsent inafanya kazi na tag moja ya skripti. Hakuna programu-jalizi, hakuna SDK, hakuna usanidi upande wa seva. Kila jukwaa linaloruhusu HTML maalum katika sehemu ya head linaunga mkono FlexyConsent. Skripti ina chini ya 50KB na inapakia kwa njia ya asinkronasi, ikimaanisha hakuna athari kwa kasi ya ukurasa wako.
Skripti:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Unapata skripti yako ya kipekee kutoka kwenye jopo la FlexyConsent baada ya kuunda akaunti yako.
Shopify
- Hatua ya 1: Nenda kwenye Online Store > Themes > Edit Code
- Hatua ya 2: Fungua theme.liquid
- Hatua ya 3: Bandika skripti ya FlexyConsent mara moja kabla ya </head>
- Hatua ya 4: Hifadhi — bango lako la idhini liko hai kwenye kurasa zote
Hakuna programu ya Shopify inayohitajika. Inafanya kazi na mandhari yote ikiwemo Dawn, Debut, na mandhari maalum.
WordPress
- Chaguo A (bila programu-jalizi): Appearance > Theme Editor > header.php > bandika kabla ya </head>
- Chaguo B (na programu-jalizi): Sakinisha programu-jalizi yoyote ya "Insert Headers" > bandika skripti katika sehemu ya Head
- Chaguo C (functions.php): Ongeza action hook ya wp_head inayotoa tag ya skripti
Inaoana na mandhari yote makuu (Astra, GeneratePress, Divi, Elementor) na wajenzi wa ukurasa. Hakuna migongano na programu-jalizi za kuhifadhi cache — skripti inapakia kwa kujitegemea.
Wix
- Hatua ya 1: Nenda kwenye Settings > Custom Code
- Hatua ya 2: Bonyeza "Add Custom Code"
- Hatua ya 3: Bandika skripti ya FlexyConsent
- Hatua ya 4: Weka uwekaji kwenye "Head" na ucheze kwa "All pages"
Inafanya kazi kwenye mipango yote ya Wix inayounga mkono msimbo maalum (mpango wa Business na zaidi).
Squarespace
- Hatua ya 1: Nenda kwenye Settings > Advanced > Code Injection
- Hatua ya 2: Bandika skripti katika sehemu ya Header
- Hatua ya 3: Hifadhi — bango la idhini linaonekana kwenye kurasa zote
HTML Maalum / Tovuti za Tuli
- Hatua ya 1: Fungua kiolezo chako cha HTML au faili ya mpangilio
- Hatua ya 2: Bandika skripti kabla ya </head>
- Hatua ya 3: Tekeleza — hiyo ni kwa kweli yote
Inafanya kazi na kizalishaji chochote cha tovuti tuli (Next.js, Gatsby, Hugo, Jekyll, Astro), mfumo wowote (React, Vue, Angular), na mtoa huduma wowote wa uandikishaji.
Google Tag Manager
- Hatua ya 1: Unda tag mpya ya Custom HTML
- Hatua ya 2: Bandika skripti ya FlexyConsent
- Hatua ya 3: Weka kichocheo kwenye "All Pages — Page View"
- Hatua ya 4: Weka kipaumbele cha kuwaka kabla ya tag nyingine
Unapotumia GTM, FlexyConsent unajumuisha kiotomatiki na Google Consent Mode V2 — hakuna usanidi wa ziada unaohitajika.
Baada ya Usakinishaji: Nini cha Kuthibitisha
- Bango linaonekana — tembelea tovuti yako katika dirisha la incognito
- Consent Mode inawaka — angalia Google Tag Assistant kwa hali ya idhini
- TC String inazalishwa — thibitisha kwenye kiweko cha kivinjari na __tcfapi
- Uchambuzi bado unafanya kazi — thibitisha mtiririko wa data baada ya kukubali idhini
- Simu ya mkononi inafanya kazi — jaribu kwenye vifaa halisi vya simu ya mkononi
Matatizo ya Kawaida na Masuluhisho
- Bango halionyeshi? Angalia kwamba skripti iko ndani ya <head>, sio <body>. Futa cache ya kivinjari chako.
- Bango linaonekana kila ziara? Hakikisha vidakuzi havizuiliwi na kivinjari chako au ugani wa faragha.
- Google Ads haifuatilii? Hakikisha skripti ya FlexyConsent inapakia kabla ya tag zako za Google.