Pandhuan Integrasi CMP: Shopify, WordPress, Wix lan Situs Kustom
Pitakonan nomer siji saka pangguna anyar: 'Kepiye carane nginstal FlexyConsent ing situs kula?' Jawabane padha ora preduli platform — tempel siji baris JavaScript sadurunge tag head panutup. Nanging langkah-langkahe rada beda kanggo Shopify, WordPress, Wix, Squarespace, lan situs buatan dhewe. Pandhuan iki nutupi kabeh.
Pendekatan Universal
FlexyConsent bisa digunakake kanthi tag skrip siji. Ora ana plugin, ora ana SDK, ora ana konfigurasi sisi server. Saben platform sing ngidini HTML kustom ing bagian head ndhukung FlexyConsent. Skrip kasebut kurang saka 50 KB lan dimuat kanthi asinkron, tegese ora ana dampak ing kecepatan kaca sampeyan.
Skrip:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Sampeyan entuk skrip unik saka panel FlexyConsent sawise nggawe akun.
Shopify
- Langkah 1: Bukak Online Store > Themes > Edit Code
- Langkah 2: Bukak theme.liquid
- Langkah 3: Tempel skrip FlexyConsent sadurunge </head>
- Langkah 4: Simpen — banner persetujuan sampeyan aktif ing kabeh kaca
Ora perlu aplikasi Shopify. Bisa digunakake karo kabeh tema kalebu Dawn, Debut, lan tema kustom.
WordPress
- Pilihan A (tanpa plugin): Appearance > Theme Editor > header.php > tempel sadurunge </head>
- Pilihan B (nganggo plugin): Instal plugin "Insert Headers" apa wae > tempel skrip ing bagian Head
- Pilihan C (functions.php): Tambah wp_head action hook sing nampilake tag skrip
Kompatibel karo kabeh tema utama (Astra, GeneratePress, Divi, Elementor) lan page builder. Ora ana konflik karo plugin caching — skrip dimuat kanthi mandiri.
Wix
- Langkah 1: Bukak Settings > Custom Code
- Langkah 2: Klik "Add Custom Code"
- Langkah 3: Tempel skrip FlexyConsent
- Langkah 4: Setel penempatan menyang "Head" lan terapake menyang "All pages"
Bisa digunakake ing kabeh paket Wix sing ndhukung kode kustom (paket Business lan luwih dhuwur).
Squarespace
- Langkah 1: Bukak Settings > Advanced > Code Injection
- Langkah 2: Tempel skrip ing bagian Header
- Langkah 3: Simpen — banner persetujuan katon ing kabeh kaca
HTML Kustom / Situs Statis
- Langkah 1: Bukak template HTML utawa file tata letak sampeyan
- Langkah 2: Tempel skrip sadurunge </head>
- Langkah 3: Deploy — iku pancen kabeh
Bisa digunakake karo generator situs statis apa wae (Next.js, Gatsby, Hugo, Jekyll, Astro), framework apa wae (React, Vue, Angular), lan penyedia hosting apa wae.
Google Tag Manager
- Langkah 1: Gawe tag Custom HTML anyar
- Langkah 2: Tempel skrip FlexyConsent
- Langkah 3: Setel trigger menyang "All Pages — Page View"
- Langkah 4: Setel prioritas supaya dadi sadurunge tag liyane
Nalika nggunakake GTM, FlexyConsent kanthi otomatis terintegrasi karo Google Consent Mode V2 — ora perlu konfigurasi tambahan.
Sawise Instalasi: Apa sing Kudu Diverifikasi
- Banner katon — kunjungi situs sampeyan ing jendhela incognito
- Consent Mode aktif — priksa Google Tag Assistant kanggo status persetujuan
- TC String digawe — verifikasi ing konsol browser nganggo __tcfapi
- Analitik isih bisa — konfirmasi data mili sawise nampa persetujuan
- Seluler bisa digunakake — uji ing piranti seluler nyata
Masalah Umum lan Solusi
- Banner ora katon? Priksa manawa skrip ana ing <head>, dudu <body>. Resiki cache browser sampeyan.
- Banner katon saben kunjungan? Priksa manawa cookie ora diblokir dening browser utawa ekstensi privasi sampeyan.
- Google Ads ora ngglacak? Priksa manawa skrip FlexyConsent dimuat sadurunge tag Google sampeyan.