カスタム検索ページの作成

このページの内容は ApigeeApigee ハイブリッドに該当します。

Apigee Edge のドキュメントを表示します。

ポータルで一般公開されているコンテンツを検索できるようにするには、専用の検索ページを作成して Google カスタム検索エンジン(CSE)を埋め込みます。たとえば、次の図に示すポータルには、Google がインデックス登録したコンテンツを検索できる Google CSE が埋め込まれています。


検索ページ

カスタム検索ページを作成するには:

  1. ポータル コンテンツを公開します
  2. Google カスタム検索エンジンを作成します。
    a. Google カスタム検索の構成ページに移動します。
    b. [追加] をクリックして新しいカスタム検索エンジンを作成します。

    c. カスタム検索エンジンを構成し、ポータルサイトのドメインを指定します。Google カスタム検索ヘルプの検索エンジンを作成するをご覧ください。
    d. サイトのインデックス登録を早めるため、Google Search Console を使用してサイトを確認し、送信します。Google カスタム検索ヘルプのSearch Console でのサイトの確認をご覧ください。

  3. 次のカスタム スクリプトをポータルに追加します。カスタム スクリプトの追加をご覧ください。

    cx 変数を Google 検索エンジンの ID に設定し、path の値を検索ページの URL に設定します。

    <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. カスタム スクリプトで定義したカスタム検索要素 ID(search-box)を、Google 検索ボックスを表示する位置に追加します。次に例を示します。

    <div id="search-box"></div>
    
  6. 必要に応じて、検索ページをポータルのナビゲーションに追加します。詳細については、ナビゲーションを設定するをご覧ください。

  7. 検索ページと更新したナビゲーションを公開します。