कस्टम स्क्रिप्ट जोड़ें

Apigee Edge का दस्तावेज़ देखा जा रहा है.
Go to the Apigee X documentation. info

अपने पोर्टल के हर पेज पर, <body> टैग से पहले कस्टम JavaScript कोड या एचटीएमएल कॉन्टेंट जोड़ने के लिए:

  1. पब्लिश करें > पोर्टल को चुनें. इसके बाद, अपना पोर्टल चुनें.
  2. लैंडिंग पेज पर, सेटिंग पर क्लिक करें. इसके अलावा, सबसे ऊपर मौजूद नेविगेशन बार में, ड्रॉप-डाउन में जाकर सेटिंग को चुना जा सकता है.
  3. कस्टम स्क्रिप्ट टैब पर क्लिक करें.

  4. कस्टम स्क्रिप्ट सेक्शन में, टेक्स्ट बॉक्स में कस्टम JavaScript कोड डालें. एक से ज़्यादा स्क्रिप्ट शामिल की जा सकती हैं.

  5. सेव करें पर क्लिक करें.

यहां दिए गए सेक्शन में, कस्टम स्क्रिप्ट के उदाहरण दिए गए हैं:

Analytics की ट्रैकिंग कॉन्फ़िगर करना भी देखें.

onLoad या onUnload JavaScript इवेंट के दौरान, कस्टम स्क्रिप्ट को एक्ज़ीक्यूट करना

कस्टम स्क्रिप्ट तय करें, ताकि आपके पोर्टल के हर पेज पर ये कार्रवाइयां की जा सकें:

  • onLoad JavaScript इवेंट का इस्तेमाल करके, डीओएम में लोड होना.
  • onUnload JavaScript इवेंट का इस्तेमाल करके, नेविगेट किया जाना.

आपके कस्टम फ़ंक्शन को, ग्लोबल नेमस्पेस में portal.pageEventListeners के तौर पर तय किया जाना चाहिए. इसे window वैरिएबल पर तय किया जाता है.

onLoad और onUnload दोनों इवेंट, पेज के मौजूदा पाथ (/quickstart, उदाहरण के लिए) को अपने पहले पैरामीटर के तौर पर पाते हैं. onUnload फ़ंक्शन, onLoad कॉल से मिली वैल्यू को अपने दूसरे पैरामीटर के तौर पर पाता है. इससे दोनों इवेंट के बीच कॉन्टेक्स्ट पास किया जा सकता है. अब जिन इवेंट लिसनर की ज़रूरत नहीं है उन्हें हटाने और अन्य साफ़-सफ़ाई वाली गतिविधियां करने के लिए, onUnload का इस्तेमाल करें.

उदाहरण के लिए:

<script>
window.portal = {};
window.portal.pageEventListeners = {
  onLoad: (path) => {
    if (path === '/quickstart') {
      // Change text content of first <p> element to something
      // else. (DOM must be loaded when onLoad is called)
      document.getElementsByTagName('p')[0].textContent =
          'Welcome to the quick start! Be sure to send us your feedback.';
      // print a custom message to the console every second while user is on
      // quickstart page.
      const interval =
          window.setInterval(() => console.log('Hello'), 1000);
      return interval;
    }
    return undefined;
  },
  onUnload: (path, contextReturnedFromOnLoad) => {
    if (contextReturnedFromOnLoad != null) {
      // Stop printing custom message to console every second.
      window.clearInterval(contextReturnedFromOnLoad)

    }
  },
};
</script>

कुकी के लिए सहमति के समाधान को लागू करने के लिए, कस्टम स्क्रिप्ट का इस्तेमाल किया जा सकता है. JavaScript में, ओपन सोर्स के कई लोकप्रिय विकल्प लागू किए जा सकते हैं. इनमें से ऐसा विकल्प चुनें जो आपकी ज़रूरी शर्तों के मुताबिक हो.

उदाहरण के लिए, यहां दी गई स्क्रिप्ट में, Cookie Info Script का इस्तेमाल किया गया है.

<script type="text/javascript" id="cookieinfo" src="//cookieinfoscript.com/js/cookieinfo.min.js">
</script>