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

Bạn đang xem tài liệu về Apigee Edge.
Chuyển đến Tài liệu về Apigee X.
thông tin

Để bật tìm kiếm nội dung có sẵn công khai trong cổng thông tin của bạn, 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 tùy chỉnh (CSE) của Google. Ví dụ: cổng được hiển thị trong hình sau 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 của bạn.
  2. Tạo công cụ tìm kiếm tùy 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 trang web cổng thông tin. Xem phần Tạo công cụ tìm kiếm trong Trợ giúp của Google Custom Search.
    d. Đẩy nhanh việc lập chỉ mục trang web bằng cách xác minh và gửi trang web của bạn nhờ các công cụ Google WebMaster. Xem phần Xác minh trang web của bạn trong Công cụ quản trị trang web trong Trợ giúp của Google Custom Search.

  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 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ý các trang trong cổng thông tin của bạn.

  5. Thêm ID phần tử tìm kiếm tùy chỉnh (search-box) được xác định trong tập lệnh tùy 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 phần điều hướng cổng thông tin nếu cần. Xem phần Thiết lập điều hướng để biết thêm thông tin.

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