建立自訂搜尋網頁

本頁內容適用於 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. 發布搜尋頁面和導覽更新。