Créer une page de recherche personnalisée

Cette page s'applique à Apigee et à Apigee hybrid.

Consultez la documentation d'Apigee Edge.

Pour activer la recherche de contenu accessible au public sur votre portail, vous pouvez créer une page de recherche dédiée sur laquelle vous intégrez un Moteur de recherche personnalisé Google (MRP). Par exemple, le portail affiché dans la figure suivante intègre un moteur de recherche personnalisé Google permettant d'effectuer des recherches parmi le contenu indexé par Google.


page de recherche

Pour créer une page de recherche personnalisée, procédez comme suit :

  1. Publiez le contenu de votre portail.
  2. Créez un moteur de recherche personnalisé Google :
    a. Accédez à la page de configuration de la recherche personnalisée Google.
    b. Cliquez sur Add (Ajouter) pour créer un moteur de recherche personnalisé.

    c. Configurez votre moteur de recherche personnalisé et identifiez le domaine du site du portail. Consultez la page Créer un moteur de recherche dans l'aide dédiée à la Recherche personnalisée Google.
    d. Accélérez l'indexation du site en le validant et en le publiant à l'aide de Google Search Console. Consultez la page Valider votre site dans Search Console dans l'aide dédiée à la recherche personnalisée Google.

  3. Ajoutez le script personnalisé suivant à votre portail. Consultez la page Ajouter des scripts personnalisés.

    Définissez la variable cx sur l'ID de votre moteur de recherche Google et la valeur path sur l'URL de votre page de recherche.

    <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. Créez une page de recherche sur votre portail et personnalisez-la comme vous le souhaitez. Consultez la page Gérer les pages de votre portail.

  5. Ajoutez l'ID de l'élément de recherche personnalisé (search-box) défini dans votre script personnalisé à l'emplacement où vous souhaitez voir apparaître le champ de recherche Google. Exemple :

    <div id="search-box"></div>
    
  6. Ajoutez la page de recherche aux liens de navigation de votre portail, si nécessaire. Pour en savoir plus, consultez la page Configurer la navigation.

  7. Publiez votre page de recherche et les mises à jour des liens de navigation.