建立自訂搜尋網頁

本頁適用於 Apigee 和 Apigee Hybrid。

查看 Apigee Edge 說明文件。

如要在入口網站中搜尋公開內容，您可以建立專屬搜尋頁面，並在其中嵌入 Google 自訂搜尋引擎 (CSE)。

如要建立自訂搜尋網頁，請按照下列步驟操作：

1. 發布入口網站內容。

2. 建立 Google 自訂搜尋引擎：

   1. 前往 Google 自訂搜尋設定頁面。
   2. 按一下「新增」，建立新的自訂搜尋引擎。
   3. 設定自訂搜尋引擎，並找出入口網站網域。請參閱 Google 自訂搜尋說明中的「建立搜尋引擎」一節。自訂搜尋設定會傳回類似以下的內容：

      <script async src="https://cse.google.com/cse.js?cx=e13bcb52d46f04dfd"></script>
      <div class="gcse-search"></div>

      其中 cx=e13bcb52d46f04dfd 是 Google 搜尋引擎 ID。
   。

3. 將下列自訂指令碼新增至入口網站。請參閱「新增自訂指令碼」一文。

   將 cx 變數設為 Google 搜尋引擎 ID (例如 e13bcb52d46f04dfd)，並將 path 值設為搜尋頁面網址 (例如 /search)。

   <script>
   window.portal = {
    pageEventListeners: {
      onLoad: (path) => {
        // Update with your search page URL
        if (path === '/your-search-page-URL') {
          // Add your Google search engine ID
          var cx = 'your-search-engine-id';
          var gcse = document.createElement('script');
          gcse.type = 'text/javascript';
          gcse.async = true;
          gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
          var s = document.getElementsByTagName('script')[0];
          s.parentNode.insertBefore(gcse, s);
          gcse.onload = function () {
            var search = document.createElement('gcse:search');
            // Note the element ID name
            var searchBox = document.getElementById('search-box');
            searchBox.appendChild(search);
          };
        }
      }
    }
   };
   </script>
   

4. 在入口網站中建立新的搜尋頁面，然後按照「管理入口網站的網頁」一節所述自訂。

5. 在您要顯示 Google 搜尋框的位置，加入自訂指令碼中定義的自訂搜尋元素 ID (search-box)。例如 <div id="search-box"></div>

6. 如「設定導覽」一節所述，將搜尋頁面新增至入口網站導覽。

7. 發布更新後的搜尋頁面和導覽功能。