CMP integrācijas ceļvedis: Shopify, WordPress, Wix un pielāgotas vietnes
Biežāk uzdotais jautājums no jaunajiem lietotājiem: "Kā instalēt FlexyConsent savā vietnē?" Atbilde ir vienāda neatkarīgi no platformas — ielīmējiet vienu JavaScript rindu pirms noslēguma head taga. Taču precīzie soļi nedaudz atšķiras Shopify, WordPress, Wix, Squarespace un pielāgotām vietnēm. Šis ceļvedis aptver tos visus.
Universālā pieeja
FlexyConsent darbojas ar vienu skripta tagu. Nav nepieciešami spraudņi, SDK vai servera puses konfigurācija. Katra platforma, kas ļauj ievietot pielāgotu HTML head sadaļā, atbalsta FlexyConsent. Skripts ir mazāks par 50 KB un tiek ielādēts asinhroni, tas nozīmē nulles ietekmi uz jūsu lapas ātrumu.
Skripts:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Savu unikālo skriptu iegūsiet no FlexyConsent paneļa pēc konta izveides.
Shopify
- 1. solis: Dodieties uz Online Store > Themes > Edit Code
- 2. solis: Atveriet theme.liquid
- 3. solis: Ielīmējiet FlexyConsent skriptu tieši pirms </head>
- 4. solis: Saglabājiet — jūsu piekrišanas baneris ir aktīvs visās lapās
Nav nepieciešama neviena Shopify lietotne. Darbojas ar visām tēmām, ieskaitot Dawn, Debut un pielāgotas tēmas.
WordPress
- A variants (bez spraudņa): Appearance > Theme Editor > header.php > ielīmējiet pirms </head>
- B variants (ar spraudni): Instalējiet jebkuru "Insert Headers" spraudni > ielīmējiet skriptu Head sadaļā
- C variants (functions.php): Pievienojiet wp_head darbības āķi, kas izvada skripta tagu
Saderīgs ar visām galvenajām tēmām (Astra, GeneratePress, Divi, Elementor) un lapu veidotājiem. Nav konfliktu ar kešatmiņas spraudņiem — skripts tiek ielādēts neatkarīgi.
Wix
- 1. solis: Dodieties uz Settings > Custom Code
- 2. solis: Noklikšķiniet uz "Add Custom Code"
- 3. solis: Ielīmējiet FlexyConsent skriptu
- 4. solis: Iestatiet izvietojumu uz "Head" un piemērojiet "All pages"
Darbojas ar visiem Wix plāniem, kas atbalsta pielāgotu kodu (Business plāns un augstāk).
Squarespace
- 1. solis: Dodieties uz Settings > Advanced > Code Injection
- 2. solis: Ielīmējiet skriptu Header sadaļā
- 3. solis: Saglabājiet — piekrišanas baneris parādās visās lapās
Pielāgots HTML / Statiskie vietnes
- 1. solis: Atveriet savu HTML veidni vai izkārtojuma failu
- 2. solis: Ielīmējiet skriptu pirms </head>
- 3. solis: Izvietojiet — tas burtiski ir viss
Darbojas ar jebkuru statisku vietņu ģeneratoru (Next.js, Gatsby, Hugo, Jekyll, Astro), jebkuru ietvaru (React, Vue, Angular) un jebkuru mitināšanas pakalpojumu sniedzēju.
Google Tag Manager
- 1. solis: Izveidojiet jaunu Custom HTML tagu
- 2. solis: Ielīmējiet FlexyConsent skriptu
- 3. solis: Iestatiet aktivizētāju uz "All Pages — Page View"
- 4. solis: Iestatiet prioritāti, lai aktivizētos pirms citiem tagiem
Izmantojot GTM, FlexyConsent automātiski integrējas ar Google Consent Mode V2 — nav nepieciešama papildu konfigurācija.
Pēc instalācijas: Ko verificēt
- Baneris parādās — apmeklējiet savu vietni inkognito logā
- Consent Mode aktivizējas — pārbaudiet Google Tag Assistant piekrišanas statusam
- TC String tiek ģenerēts — verificējiet pārlūkprogrammas konsolē ar __tcfapi
- Analīze joprojām darbojas — apstipriniet, ka dati plūst pēc piekrišanas pieņemšanas
- Mobilais darbojas — testējiet uz reālām mobilajām ierīcēm
Biežas problēmas un labojumi
- Baneris netiek rādīts? Pārbaudiet, vai skripts atrodas <head>, nevis <body>. Iztīriet pārlūkprogrammas kešatmiņu.
- Baneris parādās katras apmeklējuma laikā? Pārliecinieties, ka sīkfailus nebloķē jūsu pārlūkprogramma vai privātuma paplašinājums.
- Google Ads neseko? Nodrošiniet, ka FlexyConsent skripts tiek ielādēts pirms jūsu Google tagiem.