Une fois que vous avez créé votre moteur de recherche Programmable, vous pouvez ajouter l’élément de recherche Programmable à votre site. Pour ce faire, vous devrez copier du code et le coller dans le code HTML de votre site où vous souhaitez que votre moteur de recherche apparaisse.
- Dans le Panneau de Contrôle, cliquez sur le moteur de recherche que vous souhaitez utiliser.
- Cliquez sur paramètres dans la barre latérale, puis cliquez sur l’onglet base.
- dans la section Détails, cliquez sur Obtenir le code.,Copiez le code et collez – le dans le code source HTML de votre page où vous souhaitez que l’élément de recherche Programmable apparaisse.
<div class="gcse-search"></div>essayer différentes mises en page
à de nombreuses reprises, il est logique qu’un champ de recherche apparaisse indépendamment des résultats de recherche. Une disposition en deux colonnes permet de rendre une zone de recherche dans un domaine de votre page (par exemple dans la barre latérale) et afficher les résultats dans un autre (par exemple la zone principale de la page).,
pour modifier la mise en page de votre moteur, allez dans la section Look and feel Du Panneau de configuration et cliquez sur L’onglet Layout. Après avoir sélectionné et enregistré la disposition à 2 colonnes dans le Panneau de configuration, vous devez également modifier le code HTML de l’élément de recherche.
Une autre mise en page intéressante est l’option de deux pages. Il vous permet d’implémenter votre propre boîte de recherche sur une page et de rendre les résultats de recherche standard sur une autre page en utilisant les paramètres de la barre d’adresse.
sélectionnez et enregistrez la mise en page de deux pages dans le Panneau de configuration., Sur une page, implémentez une boîte de recherche autonome, en modifiant l’attributresultsUrl pour pointer vers l’url où vous souhaitez afficher les résultats.
essayez-le
pour implémenter une page de résultats de recherche autonome, collez l’extrait de code des résultats dans votre page de résultats:
<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script><div class="gcse-searchresults-only"></div>Vous pouvez maintenant déclencher les résultats de recherche sur cette page en passant un argument « q » dans l’url:
essayez-le
continuez à activer la saisie semi-automatique.