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

คุณกำลังดูเอกสารประกอบของ 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 จะได้รับพารามิเตอร์ที่ 2 ซึ่งแสดงผลจากการเรียก onLoad ซึ่งทำให้บริบทส่งต่อระหว่าง 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 โปรดเลือกตัวเลือกที่ตรงกับข้อกำหนดเฉพาะด้านการปฏิบัติตามข้อกำหนด

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

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