הוספת סקריפטים מותאמים אישית

הדף הזה רלוונטי ל-Apigee ול-Apigee Hybrid.

לעיון במסמכי התיעוד של Apigee Edge

כדי להוסיף קוד JavaScript בהתאמה אישית או תוכן HTML לפני התג <body> בכל דף בפורטל:

  1. במסוף Apigee ב-Cloud, עוברים לדף Distribution > Portals.

    מעבר לפורטלים

  2. בתפריט הניווט, לוחצים על הגדרות.

  3. בקטע Custom Scripts ‏(סקריפטים בהתאמה אישית), מזינים את קוד ה-JavaScript המותאם אישית בתיבת הטקסט. אפשר לכלול כמה סקריפטים.

  4. לוחצים על Save.

בקטעים הבאים מופיעות דוגמאות לסקריפטים מותאמים אישית:

אפשר לעיין גם במאמר הגדרת מעקב ב-Analytics.

ביצוע סקריפט מותאם אישית במהלך אירוע JavaScript מסוג onLoad או onUnload

מגדירים סקריפטים בהתאמה אישית שיפעלו כשכל דף בפורטל:

  • הטעינה מתבצעת ל-DOM באמצעות אירוע JavaScript‏ onLoad.
  • המשתמש עובר לדף אחר באמצעות אירוע JavaScript ‏onUnload.

הפונקציה המותאמת אישית צריכה להיות מוגדרת כחלק מ-portal.pageEventListeners במרחב השמות הגלובלי (מוצהרת במשתנה window).

האירועים onLoad ו-onUnload מקבלים כפרמטרים הראשונים שלהם את הנתיב הנוכחי של הדף (לדוגמה, /quickstart). הפונקציה onUnload מקבלת כפרמטר השני שלה את ערך ההחזרה מהקריאה onLoad, וכך מאפשרת להעביר הקשר בין שני האירועים. משתמשים ב-onUnload כדי לנקות את פונקציות event listener שלא נדרשות יותר ולבצע פעולות ניקוי אחרות.

לדוגמה:

<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>

אפשר להשתמש בסקריפטים מותאמים אישית כדי להטמיע פתרון לקבלת הסכמה לשימוש בקובצי Cookie. יש מספר אפשרויות פופולריות של קוד פתוח שמוטמעות ב-JavaScript. צריך לבחור אחת שעומדת בדרישות התאימות הספציפיות שלכם.

לדוגמה, הסקריפט הבא משתמש בסקריפט פרטי קובצי Cookie.

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