מדריך שילוב CMP: Shopify, WordPress, Wix ואתרים מותאמים אישית
השאלה הנפוצה ביותר שאנו שומעים ממשתמשים חדשים: «כיצד מתקינים את FlexyConsent באתר שלי?» התשובה זהה ללא קשר לפלטפורמה — הדביקו שורת JavaScript אחת לפני תגית head הסוגרת. אך הצעדים המדויקים שונים במקצת עבור Shopify, WordPress, Wix, Squarespace ואתרים שנבנו מותאמים אישית. מדריך זה מכסה את כולם.
הגישה האוניברסלית
FlexyConsent עובד עם תגית script יחידה. ללא תוספים, ללא SDK, ללא הגדרות בצד השרת. כל פלטפורמה המאפשרת HTML מותאם אישית בקטע head תומכת ב-FlexyConsent. הסקריפט קטן מ-50KB ונטען באופן אסינכרוני, כלומר אפס השפעה על מהירות הדף שלכם.
הסקריפט:<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
- אפשרות א' (ללא תוסף): Appearance > Theme Editor > header.php > הדביקו לפני </head>
- אפשרות ב' (עם תוסף): התקינו כל תוסף «Insert Headers» > הדביקו את הסקריפט בקטע Head
- אפשרות ג' (functions.php): הוסיפו הוק פעולה wp_head שמפיק את תגית הסקריפט
תואם לכל ערכות הנושאים הנפוצות (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: צרו תג 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 שלכם.