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 juu kabisa ya sehemu 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. Hupakiwa kwa sinkroni kama hati ya kwanza ndani ya <head>, ili iweze kuzuia vifuatiliaji kabla havijaendeshwa.
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 hati ya FlexyConsent juu kabisa 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 juu kabisa 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 hati juu kabisa 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.