新增自訂指令碼

查看 Apigee Edge 說明文件。
前往 Apigee X說明文件
資訊

如何在入口網站每個頁面的 <body> 標記前方新增自訂 JavaScript 程式碼或 HTML 內容:

  1. 選取「發布」>「發布」入口網站,然後選取您的入口網站。
  2. 按一下到達網頁上的「設定」。 或者,您也可以在頂端導覽列的下拉式選單中選取 [設定]。
  3. 按一下「自訂指令碼」分頁標籤。
  4. 在「自訂指令碼」部分的文字方塊中輸入自訂 JavaScript 程式碼。可加入多個腳本。

  5. 按一下 [儲存]

以下各節提供自訂指令碼範例:

另請參閱「設定 Analytics 追蹤」一文。

在 onLoad 或 onUnload JavaScript 事件期間執行自訂指令碼

定義在入口網站各頁面時要執行的自訂指令碼:

  • 使用 onLoad JavaScript 事件載入 DOM。
  • 停用了使用 onUnload JavaScript 事件。

自訂函式必須定義為全域命名空間的 portal.pageEventListeners 的一部分 (在 window 變數中宣告)。

onLoadonUnload 事件都會做為第一個參數接收,做為目前網頁路徑 (例如 /quickstart)。onUnload 函式接收為第二個參數,這是來自 onLoad 呼叫的傳回值,可啟用結構定義在兩個事件之間傳遞。請使用 onUnload 清除不再需要的事件監聽器,並執行其他清除活動。

例如:

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

自訂指令碼可用於導入 Cookie 同意聲明解決方案。我們在 JavaScript;請選取符合您特定法規遵循需求的選項。

舉例來說,下列指令碼使用 Cookie Info Script

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