Une fois que vous avez créé votre moteur de recherche personnalisé, vous pouvez ajouter l'élément de recherche personnalisé à votre site. Pour ce faire, vous devez copier un code et le coller dans le code HTML de votre site, à l'endroit où vous souhaitez que votre moteur de recherche apparaisse.

  1. Dans le Panneau de commande Cliquez sur le moteur de recherche que vous souhaitez utiliser.
  2. Cliquer Préparer dans la barre latérale puis cliquez sur le L'essentiel langue
  3. Dans le Les détails section clic Obtenez le code.
    Copiez le code et collez-le dans le code source HTML de votre page, à l'endroit où vous souhaitez que l'élément de recherche personnalisé apparaisse.

Les

L'élément est un espace réservé: c'est ici que l'élément de recherche sera représenté (le champ de recherche et les résultats de la recherche).




Essayez différents modèles

Dans de nombreux cas, il est logique qu'une boîte de recherche apparaisse quels que soient les résultats de la recherche. Une mise en page à deux colonnes vous permet de représenter un champ de recherche dans une zone de votre page (par exemple, dans la barre latérale) et d'afficher les résultats dans une autre (par exemple, la zone principale de la page).

Pour changer le design de votre CSE, allez à Regarder et sentir section dans le Panneau de commande et cliquez sur Conception langue Après avoir sélectionné et enregistré la mise en page à 2 colonnes dans le Panneau de configuration, vous devez également modifier le code HTML pour l'élément de recherche.


Area 1 (for example a sidebar)
Area 2 (for example main area of the page)

Une autre conception intéressante est l'option de deux pages. Il vous permet d'implémenter votre propre champ de recherche sur une page et de représenter les résultats de recherche standard sur une autre page à l'aide de paramètres dans la barre d'adresse.

Sélectionnez et enregistrez le mise en page deux dans le panneau de contrôle. Sur une page, implémentez un champ de recherche séparé en modifiant le resultsUrl attribuez à pointer vers l’url où vous souhaitez afficher les résultats.


L'essayer

Pour implémenter une page de résultats de recherche distincte, collez l'extrait de code de résultat dans votre page de résultats:


Vous pouvez maintenant activer les résultats de recherche sur cette page en passant un argument "q" dans l'URL:

https://my-results-page-url.com/?q=myQuery

Notez le q = ma requête param dans la barre d'adresse: c'est ainsi

L'élément sait quels résultats de la requête afficher.

L'essayer

Suivant …

Continuer pour activer la saisie semi-automatique.

X
COMMANDE