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

אתם צופים במסמכי התיעוד של Apigee Edge.
כדאי לעיין במסמכי התיעוד של Apigee X.
מידע

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

  1. בוחרים באפשרות פרסום > פורטלים ובוחרים את הפורטל הרצוי.
  2. בדף הנחיתה, לוחצים על הגדרות. אפשר גם ללחוץ על הגדרות בתפריט הנפתח בסרגל הניווט העליון.
  3. לוחצים על הכרטיסייה סקריפטים בהתאמה אישית.
  4. בקטע Custom Scripts ‏(סקריפטים בהתאמה אישית), מזינים את קוד ה-JavaScript המותאם אישית בתיבת הטקסט. אפשר לכלול כמה סקריפטים.

  5. לוחצים על שמירה.

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

אפשר לעיין גם במאמר הגדרת מעקב ב-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>