אתר לדוגמה

🍪 אוהבים עוגיות? גם אנחנו!

אנחנו משתמשים בעוגיות (cookies) לשיפור חוויית הגלישה שלך, הצגת הצעות מותאמות ועוד. כמפורט במדיניות העוגיות שלנו.

למידע נוסף, קרא את מדיניות העוגיות ואת מדיניות הפרטיות שלנו.

🎁 משלוח חינם על הזמנות מעל ₪600 | 📞 שירות לקוחות: 050-6907880

🍪 Cookie Consent Manager - מדריך מלא

מדריך שלם לשימוש במודול ניהול העוגיות

סקירה כללית

מודול ניהול עוגיות מלא ומתקדם שמאפשר ניהול הסכמות משתמשים לפי תקנות GDPR והחוק המקומי.

באנר עוגיות מעוצב

slide-in responsive עם התאמה אישית מלאה

ניהול קטגוריות

Essential, Analytics, Advertising, Functional

חסימת סקריפטים

טעינה אוטומטית רק אחרי הסכמה

דשבורד Admin מלא

ניהול הגדרות, קטגוריות ולוג

התקנה והגדרה

1הוספת הבאנר לאתר

הבאנר כבר מותקן ב-Layout.jsx ויופיע אוטומטית למשתמשים חדשים.

2הגדרת קטגוריות

היכנס ל-Admin → ניהול עוגיות

לחץ על טאב קטגוריות

הקטגוריות ברירת המחדל:

  • Essential (חיוני) - תמיד פעיל
  • Analytics - Google Analytics, מדידות
  • Advertising - Facebook Pixel, TikTok, Google Ads
  • Functional - העדפות משתמש

3התאמה אישית של הבאנר

1. טאב הגדרות כלליות

2. ערוך טקסטים, צבעים ומיקום

3. בחר פעולת כפתור ראשי:

  • • אשר הכל - מאשר את כל הקטגוריות
  • • אשר חיוניות בלבד - רק Essential
  • • פתח חלון ניהול - נותן למשתמש לבחור

4. לחץ שמור הגדרות

4צפה בתצוגה מקדימה

טאב תצוגה מקדימה - ראה איך הבאנר ייראה למשתמשים.

הטמעת סקריפטים של צד שלישי

חשוב מאוד!

כל סקריפט של צד שלישי חייב להיות עם type="text/plain" ו-data-cookie-category

<script type="text/plain" 
        data-cookie-category="CATEGORY_NAME">
  // הקוד שלך
</script>

קטגוריות זמינות:

essentialחיוניות
analyticsאנליטיות
advertisingפרסום
functionalפונקציונליות

לדוגמאות מלאות: עבור לדף דוקומנטציה טכנית לקבלת דוגמאות קוד מוכנות להעתקה.

JavaScript API

בדיקת הסכמה:

const consentData = localStorage.getItem('cookie_consent_data');
if (consentData) {
  const consent = JSON.parse(consentData);
  console.log(consent);
  // { essential: true, analytics: false, ... }
}

האזנה לשינויים:

window.onCookieConsentChange = function(consent) {
  console.log('Consent changed:', consent);
  
  if (consent.analytics) {
    // המשתמש אישר עוגיות אנליטיות
    initializeAnalytics();
  }
};
ניהול הסכמות (Admin)

צפייה בלוג הסכמות:

  1. Admin → ניהול עוגיות → לוג הסכמות
  2. רשימה של כל ההסכמות שנשמרו
  3. אפשרות לייצא ל-CSV

מידע מוצג:

  • • תאריך ההסכמה
  • • אימייל משתמש (אם מחובר)
  • • הסכמות שניתנו
  • • תאריך תפוגה

איפוס הסכמות:

כפתור אפס הכל ימחק את כל ההסכמות והבאנר יופיע שוב לכל המשתמשים.

שיטות עבודה מומלצות

DO - כן לעשות

  • תמיד השתמש ב-type="text/plain"
  • תייג נכון עם data-cookie-category
  • עדכן מדיניות עוגיות בהוספת סקריפט
  • בדוק בכלי פיתוח שסקריפטים לא נטענים לפני הסכמה

DON'T - לא לעשות

  • אל תשכח להוסיף data-cookie-category
  • אל תשתמש ב-type="text/javascript" לסקריפטים חסומים
  • אל תטען סקריפטים באופן ידני לפני הסכמה
  • אל תאסוף מידע מזהה ללא הסכמה
תקלות נפוצות ופתרונות

❓ הבאנר לא מופיע

פתרון: בדוק שההגדרה enabled ב-Admin מופעלת.

❓ סקריפט נטען לפני הסכמה

פתרון: ודא ש-type="text/plain" קיים ושיש data-cookie-category.

❓ הסכמה לא נשמרת

פתרון: בדוק console לשגיאות. ייתכן בעיית רשת או DB.