जाने-पहचाने ग्राहकों के लिए, उपयोगकर्ता अनुभव को पसंद के मुताबिक बनाना

पहले से मौजूद ग्राहकों की पहचान करने के लिए, Shared Storage के लिए वर्कलेट का इस्तेमाल करें.

Shared Storage API, Privacy Sandbox का एक प्रस्ताव है. इसका मकसद, अलग-अलग कामों के लिए क्रॉस-साइट स्टोरेज उपलब्ध कराना है. इस स्टोरेज का इस्तेमाल कई कामों के लिए किया जा सकता है. उदाहरण के लिए, जाने-पहचाने ग्राहकों की पहचान करना. इस सुविधा को Chrome 104.0.5086.0 और उसके बाद के वर्शन में टेस्ट किया जा सकता है.

आपके पास यह सेव करने का विकल्प होता है कि उपयोगकर्ता ने आपकी साइट पर रजिस्टर किया है या नहीं. इसके बाद, उपयोगकर्ता के सेव किए गए स्टेटस (उपयोगकर्ता "पहचाना" ग्राहक है या नहीं) के आधार पर, अलग-अलग एलिमेंट रेंडर किए जा सकते हैं.

पहले से मौजूद ग्राहकों की जानकारी सेट करना

Shared Storage में पहले से मौजूद ग्राहकों की पहचान करने के लिए, पक्का करें कि आपके पास Chrome 104.0.5086.0 या उसके बाद का वर्शन हो. chrome://settings/adPrivacy में जाकर, विज्ञापन देखने वाले की निजता बनाए रखने से जुड़े सभी एपीआई चालू करें.

कमांड लाइन में --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames फ़्लैग की मदद से भी, शेयर किया गया स्टोरेज चालू किया जा सकता है.

कोड सैंपल आज़माना

आपके पास यह तय करने का विकल्प होता है कि उपयोगकर्ता को किसी दूसरी साइट पर देखा गया था या नहीं. इसके आधार पर, कोई दूसरा एलिमेंट रेंडर किया जा सकता है. उदाहरण के लिए, पेमेंट प्रोवाइडर, "रजिस्टर करें" या "अभी खरीदें" बटन को इस आधार पर रेंडर कर सकता है कि उपयोगकर्ता ने पेमेंट प्रोवाइडर की साइट पर रजिस्टर किया है या नहीं. शेयर किए गए स्टोरेज का इस्तेमाल, उपयोगकर्ता का स्टेटस सेट करने और उस स्टेटस के आधार पर उपयोगकर्ता अनुभव को पसंद के मुताबिक बनाने के लिए किया जा सकता है.

इस उदाहरण में:

  • known-customer.js को फ़्रेम में एम्बेड किया गया है. यह स्क्रिप्ट, साइट पर "रजिस्टर करें" या "अभी खरीदें" में से किस बटन को दिखाना है, यह तय करती है.
  • known-customer-worklet.js, शेयर किए गए स्टोरेज का वर्कलेट है. इससे यह तय होता है कि उपयोगकर्ता को जाना जाता है या नहीं. अगर उपयोगकर्ता की पहचान की पुष्टि हो जाती है, तो उसे जानकारी वापस मिल जाती है. अगर उपयोगकर्ता की पहचान नहीं की जा सकी है, तो "रजिस्टर करें" बटन दिखाने के लिए उस जानकारी को वापस लाया जाता है. साथ ही, उपयोगकर्ता को आने वाले समय में 'पहचाना गया' के तौर पर मार्क कर दिया जाता है.

known-customer.js

// The first URL for the "register" button is rendered for unknown users.
const BUTTON_URLS = [
  { url: `https://${advertiserUrl}/ads/register-button.html` },
  { url: `https://${advertiserUrl}/ads/buy-now-button.html` },
];

async function injectButton() {
  // Load the worklet module
  await window.sharedStorage.worklet.addModule('known-customer-worklet.js');

  // Set the initial status to unknown ('0' is unknown and '1' is known)
  window.sharedStorage.set('known-customer', 0, {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation to choose the button based on the user status
  const fencedFrameConfig = await window.sharedStorage.selectURL('known-customer', BUTTON_URLS, {
    resolveToConfig: true
  });

  // Render the opaque URL into a fenced frame
  document.getElementById('button-slot').src = fencedFrameConfig;
}

injectButton();

known-customer-worklet.js

class SelectURLOperation {
  async run(urls) {
    const knownCustomer = await sharedStorage.get('known-customer');

    // '0' is unknown and '1' is known
    return parseInt(knownCustomer);
  }
}

register('known-customer', SelectURLOperation);

उपयोग के उदाहरण

Select URL API के इस्तेमाल के सभी उपलब्ध उदाहरण, इस सेक्शन में देखे जा सकते हैं. हमें सुझाव, राय, और शिकायत मिलने पर, हम नए उदाहरण जोड़ते रहेंगे. साथ ही, नए टेस्ट केस भी जोड़ते रहेंगे.

दर्शकों से जुड़ना और सुझाव, राय या शिकायत शेयर करना

ध्यान दें कि Select URL API के प्रस्ताव पर फ़िलहाल चर्चा की जा रही है और इसे डेवलप किया जा रहा है. इसमें बदलाव किया जा सकता है.

हमें Select URL API के बारे में आपके विचार जानने में दिलचस्पी है.

अप-टू-डेट रहना

  • मेल सूची: चुनिंदा यूआरएल और शेयर किए गए स्टोरेज एपीआई से जुड़े नए अपडेट और सूचनाओं के लिए, हमारी मेलिंग सूची की सदस्यता लें.

क्या आपको मदद चाहिए?