Crea una página de búsqueda personalizada

Esta página se aplica a Apigee y Apigee Hybrid.

Consulta la documentación de Apigee Edge.

Para habilitar la búsqueda del contenido disponible públicamente en tu portal, puedes crear una página de búsqueda dedicada en la que incorpores un Motor de búsqueda personalizado de Google (CSE).

Haz clic para obtener una imagen más grande

Haz clic para obtener una imagen más grande

Para crear una página de búsqueda personalizada, haz lo siguiente:

  1. Publica el contenido de tu portal.
  2. Crea un motor de búsqueda personalizado de Google:

    1. Navega a la página de configuración de la búsqueda personalizada de Google.
    2. Haz clic en Agregar para crear un nuevo motor de búsqueda personalizado.
    3. Configura el motor de búsqueda personalizado e identificar el dominio del sitio del portal. Consulta Crea un motor de búsqueda en el Centro de ayuda de la Búsqueda personalizada de Google. La configuración de la Búsqueda personalizada devuelve un resultado similar al siguiente:
      <script async src="https://cse.google.com/cse.js?cx=e13bcb52d46f04dfd"></script>
      <div class="gcse-search"></div>
      Aquí cx=e13bcb52d46f04dfd es el ID del motor de búsqueda de Google.
  3. Agrega la siguiente secuencia de comandos personalizada a tu portal. Consulta Agrega secuencias de comandos personalizadas.

    Establece la variable cx en tu ID de motor de Búsqueda de Google, por ejemplo, e13bcb52d46f04dfd, y el valor path en la URL de tu página de búsqueda, por ejemplo, /search.

    <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. Crea una nueva página de búsqueda en tu portal y personalízala como se describe en Administra páginas en tu portal.

  5. Agrega el ID de elemento de búsqueda personalizado (search-box) definido en tu secuencia de comandos personalizada en la ubicación en la que quieres que aparezca el cuadro de Búsqueda de Google. Por ejemplo: <div id="search-box"></div>

  6. Agrega la página de búsqueda a la navegación de tu portal, como se describe en Configura la navegación.

  7. Publica las actualizaciones de navegación y la página de búsqueda.