Tạo trang tìm kiếm tùy chỉnh

Bạn đang xem tài liệu về Apigee Edge.
Truy cập vào tài liệu Apigee X. thông tin

Để cho phép tìm kiếm nội dung công khai trong cổng thông tin, bạn có thể tạo một trang tìm kiếm chuyên dụng để nhúng Công cụ Tìm kiếm Tuỳ chỉnh (CSE) của Google. Ví dụ: cổng thông tin xuất hiện trong hình sau đây sẽ nhúng một CSE của Google để cho phép tìm kiếm nội dung mà Google đã lập chỉ mục.


trang tìm kiếm

Cách tạo trang tìm kiếm tuỳ chỉnh:

  1. Xuất bản nội dung trên cổng thông tin.

  2. Tạo một công cụ tìm kiếm tuỳ chỉnh của Google:
    a. Chuyển đến trang cấu hình Tìm kiếm tuỳ chỉnh của Google.
    b. Nhấp vào Thêm để tạo một công cụ tìm kiếm tuỳ chỉnh mới.

    c. Định cấu hình công cụ tìm kiếm tuỳ chỉnh và xác định miền của trang web cổng thông tin. Xem phần Tạo công cụ tìm kiếm trong phần Trợ giúp về Google Tìm kiếm tuỳ chỉnh.
    d. Đẩy nhanh quá trình lập chỉ mục trang web bằng cách xác minh và gửi trang web của bạn thông qua Công cụ quản trị trang web của Google. Hãy xem phần Xác minh trang web của bạn trong Công cụ quản trị trang web trong phần Trợ giúp về Tìm kiếm tuỳ chỉnh của Google.

  3. Thêm tập lệnh tuỳ chỉnh sau vào cổng thông tin của bạn. Xem phần Thêm tập lệnh tuỳ chỉnh.

    Đặt biến cx thành mã công cụ tìm kiếm của Google và giá trị path thành URL trang tìm kiếm.

    <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. Tạo một trang tìm kiếm mới trong cổng thông tin của bạn và tuỳ chỉnh trang đó theo ý muốn. Xem phần Quản lý trang trong cổng thông tin.

  5. Thêm mã nhận dạng phần tử tìm kiếm tuỳ chỉnh (search-box) được xác định trong tập lệnh tuỳ chỉnh của bạn tại vị trí mà bạn muốn hộp tìm kiếm của Google xuất hiện. Ví dụ: 

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

  6. Thêm trang tìm kiếm vào bảng điều hướng của cổng thông tin (nếu cần). Hãy xem bài viết Thiết lập hoạt động điều hướng để biết thêm thông tin.

  7. Xuất bản nội dung cập nhật cho trang tìm kiếm và thành phần điều hướng.