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

Bạn đang xem tài liệu về Apigee Edge.
Tham khảo tài liệu về Apigee X.
thông tin

Để cho phép tìm kiếm nội dung công khai trong cổng thông tin của mình, bạn có thể tạo một trang tìm kiếm riêng để nhúng Công cụ tìm kiếm tùy chỉnh của Google (CSE). Ví dụ: cổng thông tin như trong hình sau sẽ nhúng một CSE của Google cho phép tìm kiếm nội dung được 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 cổng thông tin.
  2. Tạo 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. Hãy xem phần Tạo công cụ tìm kiếm trong Trợ giúp về Tìm kiếm tuỳ chỉnh của Google.
    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 bằng các công cụ Quản trị trang web của Google. Hãy xem Xác minh trang web của bạn trong Công cụ quản trị trang web trong 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 nội dung 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 của 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 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 của bạn.

  5. Thêm mã phần tử tìm kiếm tuỳ chỉnh (search-box) đã xác định trong tập lệnh tuỳ chỉnh tại vị trí 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 điều hướng cổng thông tin của bạn, nếu cần. Xem bài viết Thiết lập tính năng đi theo chỉ dẫn để biết thêm thông tin.

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