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

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

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


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

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

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

    ค. กำหนดค่า Custom Search Engine และระบุโดเมนเว็บไซต์ของพอร์ทัล ดูหัวข้อสร้างเครื่องมือค้นหาในความช่วยเหลือของ Google Custom Search
    ง. เร่งการจัดทำดัชนีเว็บไซต์โดยยืนยันและส่งเว็บไซต์โดยใช้เครื่องมือของผู้ดูแลเว็บของ Google ดูหัวข้อตรวจสอบเว็บไซต์ในเครื่องมือของผู้ดูแลเว็บในความช่วยเหลือของ 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. เผยแพร่หน้าค้นหาและการอัปเดตการนำทาง