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

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

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

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

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

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

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

ดูเพิ่มเติมที่ กำหนดค่าการติดตาม Analytics

เรียกใช้สคริปต์ที่กำหนดเองระหว่างเหตุการณ์ 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 ให้เลือกตัวเลือกที่ตรงกับข้อกำหนดด้านการปฏิบัติตามข้อกำหนดเฉพาะของคุณ

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

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