अपनी वेबसाइट में कुकी कन्सेंट कैसे जोड़ें

कुकी कन्सेंट जोड़ने के लिए पहले सूची बनाएँ कि आपकी साइट विज़िटर के ब्राउज़र में क्या स्टोर करती है, और उसे सख़्ती से ज़रूरी और वैकल्पिक में बाँटें। फिर एक बैनर जोड़ें, चाहे किसी कन्सेंट मैनेजमेंट प्लेटफ़ॉर्म से या खुद बनाकर, जो एनालिटिक्स और विज्ञापन पिक्सल जैसी वैकल्पिक स्क्रिप्ट को तब तक रोके रखे जब तक विज़िटर स्वीकार न करे, "Reject" को "Accept" जितना आसान रखे, चुनाव याद रखे, और लोगों को बाद में इसे बदलने दे। ऐसा बैनर जो दिखता है पर कुछ रोकता नहीं, काम नहीं करता।

यह गाइड इस बारे में सामान्य जानकारी है कि कन्सेंट बैनर तकनीकी रूप से कैसे काम करते हैं, कानूनी सलाह नहीं। प्राइवेसी के नियम देश के हिसाब से अलग हैं और बदलते रहते हैं; अपने विज़िटर्स पर लागू नियम जाँचें, या किसी सलाहकार से पूछें।

किसके लिए सहमति चाहिए (सामान्य रूप से)

कुकी के नियम आम तौर पर कुकी और मिलती-जुलती तकनीकों पर लागू होते हैं: localStorage, ट्रैकिंग पिक्सल, डिवाइस फ़िंगरप्रिंटिंग। EU और UK के दिशानिर्देशों के आधार पर आम बँटवारा यह है:

कुछ बातें जो आसानी से गलत हो जाती हैं:

• EU और UK opt-in मॉडल इस्तेमाल करते हैं: वैकल्पिक कुकी तब तक इंतज़ार करती हैं जब तक विज़िटर सहमत न हो। UK के ICO जैसे रेगुलेटर के दिशानिर्देश कहते हैं कि सहमति एक साफ़ सकारात्मक कार्रवाई होनी चाहिए, और लोग गैर-ज़रूरी कुकी को आसानी से चालू और बंद कर सकें।
• UK में 2025 में बदलाव हुआ। Data (Use and Access) Act 2025 कुछ कुकी को बिना सहमति सेट करने देता है, जिनमें सिर्फ़ आपकी अपनी साइट सुधारने के लिए और एकत्रित आँकड़े देने वाले एनालिटिक्स शामिल हैं जो लोगों की पहचान नहीं कर सकते, साथ में यूज़र्स को साफ़ बताने का कर्तव्य है। इस पर भरोसा करने से पहले ICO का मौजूदा दिशानिर्देश पढ़ें।
• अमेरिका के कुछ राज्य टारगेटेड विज्ञापन के लिए निजी डेटा "बेचने" या "साझा करने" पर opt-out मॉडल इस्तेमाल करते हैं, और कुछ आपसे ब्राउज़र-स्तर के Global Privacy Control सिग्नल का सम्मान करने की उम्मीद रखते हैं।
• Google विज्ञापन: सितंबर 2026 तक Google को AdSense, Ad Manager या AdMob इस्तेमाल करने वाले प्रकाशकों के लिए EEA, UK और स्विट्ज़रलैंड में विज्ञापन दिखाते समय IAB के Transparency and Consent Framework से जुड़ा, Google-प्रमाणित कन्सेंट मैनेजमेंट प्लेटफ़ॉर्म चाहिए।

विकल्प: CMP, लाइब्रेरी या कस्टम

आखिरी विकल्प को कम आँका जाता है। अगर आपको बस विज़िटर गिनती चाहिए, तो बिना कुकी वाला एनालिटिक्स टूल कई जगहों पर बैनर की ज़रूरत हटा सकता है; उसका डॉक्यूमेंटेशन और अपने स्थानीय नियम जाँचें।

अगर आप यूरोप में Google विज्ञापन चलाते हैं, तो प्रमाणित CMP व्यावहारिक विकल्प है। सिर्फ़ एनालिटिक्स वाली छोटी बिज़नेस साइट के लिए अच्छी तरह बना कस्टम बैनर या लाइब्रेरी अक्सर काफ़ी होती है।

बैनर अंदर से कैसे काम करता है

जिस हिस्से को लोग छोड़ देते हैं वह है ब्लॉकिंग। सही सेटअप में:

1. किसी भी चुनाव से पहले, सिर्फ़ ज़रूरी कुकी और स्क्रिप्ट चलती हैं। एनालिटिक्स, पिक्सल और एम्बेड बिल्कुल लोड नहीं होते (या Google tags के साथ, consent denied सेट करके लोड होते हैं)।
2. बैनर पहली परत पर साफ़ विकल्प दिखाता है: सभी स्वीकार करें, सभी अस्वीकार करें, और श्रेणी के हिसाब से चुनने का तरीका।
3. चुनाव होने पर, साइट उसे स्टोर करती है, आम तौर पर फ़र्स्ट-पार्टी कुकी या localStorage में, उसके वर्ज़न और तारीख के साथ, और फिर सिर्फ़ स्वीकार की गई श्रेणियाँ लोड करती है।
4. बाद की विज़िट पर, कुछ भी वैकल्पिक लोड होने से पहले स्टोर किया गया चुनाव पढ़ा जाता है।
5. "Cookie settings" लिंक, आम तौर पर फ़ुटर में, किसी भी समय चुनाव दोबारा खोल देता है। सहमति वापस लेना उतना ही आसान होना चाहिए जितना सहमति देना।
6. अगर आप जो इस्तेमाल करते हैं वह बदलें, तो वर्ज़न बढ़ाएँ ताकि लोगों से फिर पूछा जाए।

Google consent mode

Google Analytics और Google Ads के लिए, Google का consent mode टैग्स को बैनर से जोड़ता है। सितंबर 2026 तक Google के दस्तावेज़ चार मुख्य consent प्रकार बताते हैं: ad_storage, analytics_storage, ad_user_data और ad_personalization। Google tag लोड होने से पहले आप एक डिफ़ॉल्ट सेट करते हैं, फिर विज़िटर चुने तो एक अपडेट:

gtag('consent', 'default', {
  ad_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied',
  analytics_storage: 'denied'
});
// later, when the visitor accepts analytics only:
gtag('consent', 'update', { analytics_storage: 'granted' });

Google एक बेसिक इम्प्लीमेंटेशन बताता है, जिसमें सहमति तक टैग लोड नहीं होते, और एक एडवांस्ड जिसमें टैग consent denied के साथ लोड होते हैं और बिना कुकी के सिग्नल भेजते हैं। बेसिक समझने में आसान है। EEA के ट्रैफ़िक के लिए Google अपेक्षा करता है कि ad_user_data और ad_personalization सिग्नल भेजे जाएँ। टैग के लिए Google Analytics कैसे सेट करें देखें।

काम करने वाले प्रॉम्प्ट

एक कुकी कन्सेंट बैनर जोड़ो। श्रेणियाँ: ज़रूरी (हमेशा चालू), एनालिटिक्स (Google Analytics 4) और मार्केटिंग (Meta pixel)। सहमति से पहले एनालिटिक्स या मार्केटिंग में कुछ भी लोड नहीं होना चाहिए। पहली स्क्रीन पर "Accept all", "Reject all" और "Customise" बराबर प्रमुखता से हों। चुनाव को वर्ज़न नंबर और तारीख के साथ फ़र्स्ट-पार्टी कुकी में 6 महीने के लिए स्टोर करो, सिर्फ़ स्वीकार की गई श्रेणियाँ लोड करो, और फ़ुटर में "Cookie settings" लिंक जोड़ो जो बैनर फिर खोल दे। Google consent mode इस्तेमाल करो, जिसमें चारों प्रकार डिफ़ॉल्ट रूप से denied हों।

इस साइट के हर कुकी, localStorage की और थर्ड-पार्टी स्क्रिप्ट की सूची बनाओ, बताओ कि कौन सा पेज उसे लोड करता है, और क्या वह सख़्ती से ज़रूरी है। कुकी पॉलिसी में इस्तेमाल करने लायक एक टेबल दो।

/about पर YouTube एम्बेड सहमति से पहले लोड होते हैं। उन्हें थंबनेल और प्ले बटन से बदलो, जो वीडियो तभी लोड करे जब विज़िटर क्लिक करे, और एक नोट दिखाओ कि YouTube कुकी सेट कर सकता है।

चरण-दर-चरण

1. ऑडिट करें कि आपकी साइट क्या सेट करती है: नई विज़िट पर DevTools → Application → Cookies और Local Storage खोलें, और थर्ड-पार्टी रिक्वेस्ट के लिए Network टैब देखें। एम्बेड और चैट विजेट भी शामिल करें।
2. हर चीज़ की श्रेणी तय करें: ज़रूरी, प्राथमिकताएँ, एनालिटिक्स, मार्केटिंग। जो आप इस्तेमाल नहीं करते उसे हटा दें।
3. तरीका तय करें: ऊपर की टेबल के आधार पर CMP, लाइब्रेरी या कस्टम।
4. ब्लॉकिंग लागू करें ताकि वैकल्पिक स्क्रिप्ट सिर्फ़ सहमति के बाद लोड हों। Google tags के लिए, टैग से पहले consent mode के डिफ़ॉल्ट जोड़ें।
5. बैनर बनाएँ जिसमें बराबर के Accept और Reject विकल्प, श्रेणी के चुनाव और एक सेटिंग्स लिंक हों।
6. कुकी पॉलिसी लिखें (अक्सर आपकी प्राइवेसी पॉलिसी का हिस्सा), जिसमें लिखा हो कि आप क्या इस्तेमाल करते हैं और क्यों; देखें सेवा की शर्तें और प्राइवेसी पॉलिसी कैसे लिखें।
7. प्राइवेट विंडो में टेस्ट करें: चुनने से पहले कोई वैकल्पिक कुकी या रिक्वेस्ट नहीं; अस्वीकार करने के बाद भी कोई नहीं; स्वीकार करने के बाद सही कुकी दिखें; मन बदलने पर वे रुक जाएँ।
8. जब भी नया टूल जोड़ें, फिर से जाँचें।

आम गलतियाँ

• ऐसा बैनर जो कुछ नहीं रोकता। पेज लोड होते ही स्क्रिप्ट चल जाती हैं, और बैनर विनम्रता से पूछता रहता है।
• Accept एक बड़ा बटन है, Reject दूसरी स्क्रीन पर या धूसर लिंक में छिपा है।
• पहले से टिक किए गए श्रेणी बॉक्स या "legitimate interest" टॉगल जो डिफ़ॉल्ट रूप से चालू हों।
• पहला चुनाव करने के बाद मन बदलने का कोई तरीका न होना।
• एम्बेड भूल जाना: YouTube, मैप, सोशल फ़ीड और चैट विजेट भी कुकी सेट कर सकते हैं।
• हर पेज लोड पर फिर पूछना, क्योंकि चुनाव ठीक से स्टोर नहीं हो रहा।
• फ़ोन पर बैनर पेज को ढक दे, या कीबोर्ड फ़ोकस को फँसा दे। इसे सुलभ और इतना छोटा रखें कि उसके पार पढ़ा जा सके।
• किसी और साइट की पॉलिसी कॉपी करना जो ऐसी कुकी का वर्णन करती है जो आप इस्तेमाल नहीं करते।

कन्सेंट चेकलिस्ट

• हर कुकी, स्टोरेज की और थर्ड-पार्टी स्क्रिप्ट सूचीबद्ध और श्रेणीबद्ध है
• वैकल्पिक स्क्रिप्ट सहमति तक ब्लॉक हैं (DevTools में जाँचा गया)
• पहली परत पर Accept और Reject बराबर आसान हैं
• श्रेणी के चुनाव उपलब्ध हैं; कुछ भी वैकल्पिक पहले से चुना हुआ नहीं है
• चुनाव वर्ज़न और तारीख के साथ स्टोर होता है; बदलावों के बाद फिर पूछा जाता है
• हर पेज पर "Cookie settings" लिंक है
• अगर Google tags इस्तेमाल होते हैं, तो उनसे पहले consent mode डिफ़ॉल्ट सेट हैं
• कुकी या प्राइवेसी पॉलिसी वही बताती है जो साइट सच में करती है
• आपके विज़िटर्स के देशों के नियम मौजूदा दिशानिर्देश या किसी सलाहकार से जाँचे गए हैं

पृष्ठभूमि के लिए, कुकी क्या हैं और GDPR क्या है पढ़ें।

Mythex पर कुकी कन्सेंट

Mythex अपने आप आपकी ऐप में कन्सेंट बैनर या एनालिटिक्स नहीं जोड़ता — दोनों ऐसी चीज़ें हैं जो आप माँगते हैं, इसलिए तय आप करते हैं कि क्या लोड होगा। पहले ऑडिट प्रॉम्प्ट चलाएँ, फिर अपनी असली श्रेणियों के साथ बैनर प्रॉम्प्ट, और पब्लिश से पहले DevTools खोलकर प्रीव्यू में टेस्ट करें। अगर आप होस्टेड CMP इस्तेमाल करते हैं, तो वह एक स्क्रिप्ट और एक ID देता है; ID सार्वजनिक है और फ़्रंट-एंड कोड में जा सकती है, जबकि सीक्रेट चीज़ें प्रोजेक्ट सेटिंग्स में जाती हैं (एनवायरनमेंट वेरिएबल और सीक्रेट)। बदलावों के बाद फिर से पब्लिश करें, ताकि लाइव साइट नया बैनर इस्तेमाल करे।

सवाल