CMP ინტეგრაციის სახელმძღვანელო: Shopify, WordPress, Wix და მორგებული საიტები
ახალი მომხმარებლების ყველაზე გავრცელებული კითხვა: "როგორ დავაინსტალირო FlexyConsent ჩემს საიტზე?" პასუხი ერთი და იგივეა პლატფორმის მიუხედავად — ჩასვით ერთი სტრიქონი JavaScript დახურვის head ტეგის წინ. თუმცა ზუსტი ნაბიჯები ოდნავ განსხვავდება Shopify, WordPress, Wix, Squarespace და მორგებული საიტებისთვის. ეს სახელმძღვანელო ყველაფერს მოიცავს.
უნივერსალური მიდგომა
FlexyConsent მუშაობს ერთი სკრიპტ ტეგით. არც ერთი დამატება, SDK ან სერვერის კონფიგურაცია არ არის საჭირო. ნებისმიერი პლატფორმა, რომელიც head სექციაში კასტომ HTML-ს იძლევა, FlexyConsent-ს მხარს უჭერს. სკრიპტი 50 KB-ზე ნაკლებია და ასინქრონულად იტვირთება, ანუ ნულოვანი გავლენა გვაქვს გვერდის სიჩქარეზე.
სკრიპტი:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
თქვენს უნიკალურ სკრიპტს FlexyConsent პანელიდან მიიღებთ ანგარიშის შექმნის შემდეგ.
Shopify
- ნაბიჯი 1: გადადით Online Store > Themes > Edit Code
- ნაბიჯი 2: გახსენით theme.liquid
- ნაბიჯი 3: ჩასვით FlexyConsent სკრიპტი </head>-ის წინ
- ნაბიჯი 4: შეინახეთ — თანხმობის ბანერი ყველა გვერდზე აქტიურია
Shopify-ის აპლიკაცია არ გჭირდებათ. მუშაობს ყველა თემასთან, მათ შორის Dawn, Debut და კასტომ თემები.
WordPress
- ვარიანტი A (დამატების გარეშე): Appearance > Theme Editor > header.php > ჩასვით </head>-ის წინ
- ვარიანტი B (დამატებით): დააინსტალირეთ ნებისმიერი "Insert Headers" დამატება > ჩასვით სკრიპტი Head სექციაში
- ვარიანტი C (functions.php): დაამატეთ wp_head action hook, რომელიც სკრიპტ ტეგს გამოაქვეყნებს
თავსებადია ყველა ძირითად თემასთან (Astra, GeneratePress, Divi, Elementor) და გვერდის შემქმნელებთან. კონფლიქტი არ არის ქეშის დამატებებთან — სკრიპტი დამოუკიდებლად იტვირთება.
Wix
- ნაბიჯი 1: გადადით Settings > Custom Code
- ნაბიჯი 2: დააჭირეთ "Add Custom Code"
- ნაბიჯი 3: ჩასვით FlexyConsent სკრიპტი
- ნაბიჯი 4: განათავსება დაყენეთ "Head"-ზე და გამოიყენეთ "All pages"-ზე
მუშაობს Wix-ის ყველა გეგმასთან, რომელიც კასტომ კოდს მხარს უჭერს (Business გეგმა და ზემოთ).
Squarespace
- ნაბიჯი 1: გადადით Settings > Advanced > Code Injection
- ნაბიჯი 2: ჩასვით სკრიპტი Header სექციაში
- ნაბიჯი 3: შეინახეთ — თანხმობის ბანერი ყველა გვერდზე გამოჩნდება
კასტომ HTML / სტატიკური საიტები
- ნაბიჯი 1: გახსენით HTML შაბლონი ან განლაგების ფაილი
- ნაბიჯი 2: ჩასვით სკრიპტი </head>-ის წინ
- ნაბიჯი 3: განათავსეთ — ეს სიტყვასიტყვით ყველაფერია
მუშაობს ნებისმიერ სტატიკურ საიტის გენერატორთან (Next.js, Gatsby, Hugo, Jekyll, Astro), ნებისმიერ ფრეიმვორქთან (React, Vue, Angular) და ნებისმიერ ჰოსტინგ პროვაიდერთან.
Google Tag Manager
- ნაბიჯი 1: შექმენით ახალი Custom HTML ტეგი
- ნაბიჯი 2: ჩასვით FlexyConsent სკრიპტი
- ნაბიჯი 3: ტრიგერი დაყენეთ "All Pages — Page View"-ზე
- ნაბიჯი 4: პრიორიტეტი დაყენეთ სხვა ტეგებზე ადრე გასაშვებად
GTM-ის გამოყენებისას FlexyConsent ავტომატურად ინტეგრირდება Google Consent Mode V2-თან — დამატებითი კონფიგურაცია საჭირო არ არის.
ინსტალაციის შემდეგ: რის დადასტურება არის საჭირო
- ბანერი გამოჩნდება — ეწვიეთ საიტს ინკოგნიტო ფანჯარაში
- Consent Mode მუშაობს — შეამოწმეთ Google Tag Assistant თანხმობის სტატუსისთვის
- TC String იქმნება — გადაამოწმეთ ბრაუზერის კონსოლში __tcfapi-ით
- ანალიტიკა ჯერ კიდევ მუშაობს — დაადასტურეთ, რომ მონაცემები მიედინება თანხმობის მიღების შემდეგ
- მობილური მუშაობს — გატესტეთ რეალურ მობილურ მოწყობილობებზე
გავრცელებული პრობლემები და გამოსწორება
- ბანერი არ ჩანს? შეამოწმეთ, სკრიპტი <head>-შია და არა <body>-ში. გაასუფთავეთ ბრაუზერის ქეში.
- ბანერი ყოველ ვიზიტზე ჩანს? დარწმუნდით, რომ ქუქიები არ იბლოკება ბრაუზერით ან კონფიდენციალობის გაფართოებით.
- Google Ads არ ადევნებს თვალყურს? დარწმუნდით, რომ FlexyConsent სკრიპტი Google-ის ტეგებამდე იტვირთება.