Udhëzuesi i integrimit CMP: Shopify, WordPress, Wix dhe sajte të personalizuara
Pyetja kryesore që dëgjojmë nga përdoruesit e rinj: "Si e instaloj FlexyConsent në sajtin tim?" Përgjigja është e njëjtë pavarësisht nga platforma — ngjitni një rresht JavaScript para etiketës mbyllëse head. Por hapat e saktë ndryshojnë pak për Shopify, WordPress, Wix, Squarespace dhe sajtet e ndërtuara me porosi. Ky udhëzues mbulon të gjitha.
Qasja Universale
FlexyConsent funksionon me një etiketë të vetme skripti. Pa shtojca, pa SDK, pa konfigurim nga ana e serverit. Çdo platformë që lejon HTML të personalizuar në seksionin head mbështet FlexyConsent. Skripti është nën 50KB dhe ngarkohet në mënyrë asinkrone, që do të thotë zero ndikim në shpejtësinë e faqes tuaj.
Skripti:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Skriptin tuaj unik e merrni nga paneli i FlexyConsent pasi të krijoni llogarinë tuaj.
Shopify
- Hapi 1: Shkoni te Online Store > Themes > Edit Code
- Hapi 2: Hapni theme.liquid
- Hapi 3: Ngjitni skriptin e FlexyConsent pikërisht para </head>
- Hapi 4: Ruani — baneri juaj i pëlqimit është aktiv në të gjitha faqet
Asnjë aplikacion Shopify nuk nevojitet. Funksionon me të gjitha temat duke përfshirë Dawn, Debut dhe temat e personalizuara.
WordPress
- Opsioni A (pa shtojcë): Appearance > Theme Editor > header.php > ngjitni para </head>
- Opsioni B (me shtojcë): Instaloni çdo shtojcë "Insert Headers" > ngjitni skriptin në seksionin Head
- Opsioni C (functions.php): Shtoni një action hook wp_head që nxjerr etiketën e skriptit
Kompatibël me të gjitha temat kryesore (Astra, GeneratePress, Divi, Elementor) dhe ndërtuesit e faqeve. Pa konflikte me shtojcat e ruajtjes në cache — skripti ngarkohet në mënyrë të pavarur.
Wix
- Hapi 1: Shkoni te Settings > Custom Code
- Hapi 2: Klikoni "Add Custom Code"
- Hapi 3: Ngjitni skriptin e FlexyConsent
- Hapi 4: Vendosni vendosjen te "Head" dhe aplikoni te "All pages"
Funksionon në të gjitha planet Wix që mbështesin kodin e personalizuar (plani Business dhe sipër).
Squarespace
- Hapi 1: Shkoni te Settings > Advanced > Code Injection
- Hapi 2: Ngjitni skriptin në seksionin Header
- Hapi 3: Ruani — baneri i pëlqimit shfaqet në të gjitha faqet
HTML i Personalizuar / Sajte Statike
- Hapi 1: Hapni shabllonin tuaj HTML ose skedarin e paraqitjes
- Hapi 2: Ngjitni skriptin para </head>
- Hapi 3: Vendoseni — kjo është fjalë për fjalë gjithçka
Funksionon me çdo gjenerator sajtesh statike (Next.js, Gatsby, Hugo, Jekyll, Astro), çdo framework (React, Vue, Angular) dhe çdo ofrues hostingu.
Google Tag Manager
- Hapi 1: Krijoni një etiketë të re Custom HTML
- Hapi 2: Ngjitni skriptin e FlexyConsent
- Hapi 3: Vendosni aktivizuesin te "All Pages — Page View"
- Hapi 4: Vendosni prioritetin për të ekzekutuar para etiketave të tjera
Kur përdorni GTM, FlexyConsent integrohet automatikisht me Google Consent Mode V2 — nuk nevojitet konfigurim shtesë.
Pas Instalimit: Çfarë të Verifikoni
- Baneri shfaqet — vizitoni sajtin tuaj në një dritare inkognito
- Consent Mode ekzekutohet — kontrolloni Google Tag Assistant për gjendjen e pëlqimit
- TC String gjenerohet — verifikoni në konsolën e shfletuesit me __tcfapi
- Analitika ende funksionon — konfirmoni rrjedhën e të dhënave pas pranimit të pëlqimit
- Celulari funksionon — testoni në pajisje celulare reale
Probleme të Zakonshme dhe Zgjidhje
- Baneri nuk shfaqet? Kontrolloni që skripti është në <head>, jo në <body>. Pastroni cache-in e shfletuesit tuaj.
- Baneri shfaqet në çdo vizitë? Sigurohuni që cookies nuk janë të bllokuara nga shfletuesi juaj ose një shtesë privatësie.
- Google Ads nuk gjurmon? Sigurohuni që skripti i FlexyConsent ngarkohet para etiketave tuaja të Google.