คุณกำลังดูเอกสารประกอบของ Apigee Edge
ไปที่เอกสารประกอบของ Apigee X ข้อมูล
วิธีเพิ่มโค้ด JavaScript หรือเนื้อหา HTML ที่กำหนดเองก่อนแท็ก <body>
ในแต่ละหน้าในพอร์ทัล
- เลือกเผยแพร่ > พอร์ทัล แล้วเลือกพอร์ทัลของคุณ
- คลิกการตั้งค่าในหน้า Landing Page หรือเลือกการตั้งค่าจากเมนูแบบเลื่อนลงในแถบนำทางด้านบน
- คลิกแท็บสคริปต์ที่กำหนดเอง
ในส่วนสคริปต์ที่กำหนดเอง ให้ป้อนโค้ด JavaScript ที่กำหนดเองในกล่องข้อความ คุณสามารถใส่สคริปต์ได้หลายรายการ
คลิกบันทึก
ส่วนต่อไปนี้จะแสดงตัวอย่างของสคริปต์ที่กำหนดเอง
ดูเพิ่มเติมที่กำหนดค่าการติดตามการวิเคราะห์
เรียกใช้สคริปต์ที่กำหนดเองระหว่างเหตุการณ์ 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>