สร้างหน้าการค้นหาที่กําหนดเอง

คุณกำลังดูเอกสารประกอบของ Apigee Edge
ไปที่เอกสารประกอบของ Apigee X ข้อมูล

หากต้องการเปิดใช้งานการค้นหาเนื้อหาที่มีการเผยแพร่ต่อสาธารณะในพอร์ทัลของคุณ คุณสามารถสร้างหน้าการค้นหาเฉพาะซึ่งคุณฝัง Google Custom Search Engine (CSE) ได้ ตัวอย่างเช่น พอร์ทัลที่แสดงในรูปต่อไปนี้จะฝัง Google CSE ไว้ ซึ่งทำให้สามารถค้นหาเนื้อหาที่ Google จัดทำดัชนีได้


หน้าการค้นหา

วิธีสร้างหน้าการค้นหาที่กำหนดเอง

  1. เผยแพร่เนื้อหาพอร์ทัล

  2. สร้าง Custom Search Engine ของ Google โดยทำดังนี้
    ก. ไปที่หน้าการกำหนดค่า Google Custom Search
    ข. คลิกเพิ่มเพื่อสร้าง Custom Search Engine ใหม่

    ค. กำหนดค่าเครื่องมือค้นหาที่กำหนดเองและระบุโดเมนเว็บไซต์พอร์ทัล โปรดดูที่สร้างเครื่องมือค้นหาในศูนย์ช่วยเหลือของ Google Custom Search
    ง. เร่งการจัดทำดัชนีเว็บไซต์โดยยืนยันและส่งเว็บไซต์โดยใช้เครื่องมือ Google WebMaster ดูยืนยันเว็บไซต์ของคุณในเครื่องมือของผู้ดูแลเว็บในศูนย์ช่วยเหลือของ Google Custom Search

  3. เพิ่มสคริปต์ที่กำหนดเองต่อไปนี้ลงในพอร์ทัลของคุณ โปรดดูหัวข้อเพิ่มสคริปต์ที่กำหนดเอง

    ตั้งค่าตัวแปร cx เป็นรหัสเครื่องมือค้นหาของ Google และค่า 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. เพิ่มรหัสองค์ประกอบของการค้นหาที่กำหนดเอง (search-box) ที่กำหนดไว้ในสคริปต์ที่กำหนดเองของคุณในตำแหน่งที่คุณต้องการให้ช่องค้นหาของ Google ปรากฏ เช่น 

    <div id="search-box"></div>

  6. เพิ่มหน้าค้นหาลงในการไปยังส่วนต่างๆ ของพอร์ทัลตามต้องการ ดูตั้งค่าการนำทางสำหรับข้อมูลเพิ่มเติม

  7. เผยแพร่หน้าการค้นหาและอัปเดตการนำทาง