Membuat halaman penelusuran kustom

Halaman ini berlaku untuk Apigee dan Apigee Hybrid.

Lihat dokumentasi Apigee Edge.

Untuk mengaktifkan penelusuran konten yang tersedia secara publik di portal Anda, Anda dapat membuat halaman penelusuran khusus tempat Anda menyematkan Google Mesin Telusur Khusus (CSE).

Klik untuk melihat gambar yang lebih besar

Klik untuk melihat gambar yang lebih besar

Untuk membuat halaman penelusuran kustom:

  1. Publikasikan konten portal Anda.
  2. Buat mesin telusur khusus Google:

    1. Buka halaman konfigurasi Google Custom Search.
    2. Klik Tambahkan untuk membuat mesin telusur kustom baru.
    3. Konfigurasi mesin telusur kustom Anda dan identifikasi domain situs portal. Lihat Membuat mesin telusur di Bantuan Google Penelusuran Khusus. Konfigurasi penelusuran kustom menampilkan sesuatu seperti berikut:
      <script async src="https://cse.google.com/cse.js?cx=e13bcb52d46f04dfd"></script>
      <div class="gcse-search"></div>
      Dengan cx=e13bcb52d46f04dfd sebagai ID mesin telusur Google.
  3. Tambahkan skrip kustom berikut ke portal Anda. Lihat Menambahkan skrip kustom.

    Tetapkan variabel cx ke ID mesin telusur Google Anda, misalnya e13bcb52d46f04dfd, dan nilai path ke URL halaman penelusuran Anda, misalnya, /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. Buat halaman penelusuran baru di portal Anda dan sesuaikan seperti yang dijelaskan dalam Mengelola halaman di portal Anda.

  5. Tambahkan ID elemen penelusuran kustom (search-box) yang ditentukan dalam skrip kustom di lokasi yang Anda inginkan untuk menampilkan kotak penelusuran Google. Misalnya <div id="search-box"></div>

  6. Tambahkan halaman penelusuran ke navigasi portal Anda, seperti yang dijelaskan dalam Menyiapkan navigasi.

  7. Publikasikan pembaruan halaman penelusuran dan navigasi Anda.