เพิ่มสคริปต์ที่กําหนดเอง

คุณกำลังดูเอกสารประกอบ Apigee Edge
ไปที่ เอกสารประกอบเกี่ยวกับ Apigee X. ข้อมูล

วิธีเพิ่มโค้ด JavaScript หรือเนื้อหา HTML ที่กำหนดเองก่อนแท็ก <body> ในแต่ละหน้าในพอร์ทัล

  1. เลือกเผยแพร่ > พอร์ทัล แล้วเลือกพอร์ทัลของคุณ
  2. คลิกการตั้งค่าในหน้า Landing Page หรือจะเลือกการตั้งค่าในเมนูแบบเลื่อนลงในแถบนำทางด้านบนก็ได้
  3. คลิกแท็บสคริปต์ที่กำหนดเอง

  4. ในส่วนสคริปต์ที่กำหนดเอง ให้ป้อนโค้ด JavaScript ที่กำหนดเองในกล่องข้อความ คุณสามารถใส่ได้หลายสคริปต์

  5. คลิกบันทึก

ส่วนต่อไปนี้แสดงตัวอย่างสคริปต์ที่กำหนดเอง

โปรดดูเพิ่มเติมที่กำหนดค่าการติดตามการวิเคราะห์

เรียกใช้สคริปต์ที่กำหนดเองระหว่างเหตุการณ์ JavaScript onLoad หรือ onUnload

กำหนดสคริปต์ที่กำหนดเองที่จะดำเนินการเมื่อแต่ละหน้าในพอร์ทัลของคุณ:

  • โหลดลงใน DOM โดยใช้เหตุการณ์ JavaScript onLoad
  • นำทางออกจากการใช้เหตุการณ์ JavaScript onUnload

คุณต้องกำหนดฟังก์ชันที่กำหนดเองให้เป็นส่วนหนึ่งของ portal.pageEventListeners ในเนมสเปซส่วนกลาง (ประกาศเมื่อตัวแปร window)

ทั้งเหตุการณ์ onLoad และ onUnload จะได้รับเป็นพารามิเตอร์แรกในเส้นทางปัจจุบันของหน้าเว็บ (เช่น /quickstart) ฟังก์ชัน onUnload ได้รับค่าที่แสดงผลจากการเรียกใช้ onLoad เป็นพารามิเตอร์ที่ 2 ซึ่งสามารถส่งผ่านระหว่าง 2 เหตุการณ์ได้ ใช้ onUnload เพื่อล้าง 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>

อาจมีการใช้สคริปต์ที่กำหนดเองเพื่อนำโซลูชันความยินยอมในการใช้คุกกี้ไปใช้ มีตัวเลือกโอเพนซอร์สยอดนิยมจำนวนหนึ่งที่นำมาใช้ใน JavaScript; ให้เลือก 1 บัญชีที่ตรงตามข้อกำหนดด้านการปฏิบัติตามข้อกำหนดที่เฉพาะเจาะจง

ตัวอย่างเช่น สคริปต์ต่อไปนี้ใช้สคริปต์ข้อมูลคุกกี้

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