Thêm tập lệnh tùy chỉnh

Bạn đang xem tài liệu về Apigee Edge.
Truy cập vào tài liệu Apigee X. thông tin

Cách thêm mã JavaScript tuỳ chỉnh hoặc nội dung HTML trước thẻ <body> trên mỗi trang trong cổng thông tin:

  1. Chọn Xuất bản > Cổng rồi chọn cổng của bạn.
  2. Nhấp vào Cài đặt trên trang đích. Ngoài ra, bạn có thể chọn Cài đặt trong trình đơn thả xuống ở thanh điều hướng trên cùng.
  3. Nhấp vào thẻ Custom Scripts (Tập lệnh tuỳ chỉnh).

  4. Trong mục Tập lệnh tuỳ chỉnh, hãy nhập mã JavaScript tuỳ chỉnh vào hộp văn bản. Bạn có thể thêm nhiều tập lệnh.

  5. Nhấp vào Lưu.

Các phần sau đây cung cấp ví dụ về tập lệnh tuỳ chỉnh:

Xem thêm phần Định cấu hình tính năng theo dõi số liệu phân tích.

Thực thi một tập lệnh tuỳ chỉnh trong sự kiện JavaScript onLoad hoặc onUnload

Xác định các tập lệnh tuỳ chỉnh sẽ được thực thi khi mỗi trang trong cổng thông tin của bạn:

  • Tải vào DOM bằng sự kiện JavaScript onLoad.
  • Được chuyển hướng khỏi bằng cách sử dụng sự kiện onUnload JavaScript.

Bạn phải xác định hàm tuỳ chỉnh trong portal.pageEventListeners trong không gian tên chung (được khai báo trên biến window).

Cả sự kiện onLoad và onUnload đều nhận được đường dẫn hiện tại của trang (ví dụ: /quickstart) làm thông số đầu tiên. Hàm onUnload nhận giá trị trả về từ lệnh gọi onLoad làm tham số thứ hai, cho phép truyền ngữ cảnh giữa hai sự kiện. Sử dụng onUnload để dọn dẹp các trình nghe sự kiện không còn cần thiết và thực hiện các hoạt động dọn dẹp khác.

Ví dụ:

<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>

Bạn có thể dùng tập lệnh tuỳ chỉnh để triển khai một giải pháp đồng ý sử dụng cookie. Có một số lựa chọn mã nguồn mở phổ biến được triển khai trong JavaScript; hãy chọn một lựa chọn đáp ứng các yêu cầu cụ thể về việc tuân thủ của bạn.

Ví dụ: tập lệnh sau đây sử dụng Cookie Info Script.

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