Una volta creato il motore di ricerca programmabile, è possibile aggiungere l’elemento di ricerca programmabile al sito. Per fare ciò, dovrai copiare del codice e incollarlo nell’HTML del tuo sito dove vuoi che appaia il tuo motore di ricerca.

  1. Nel Pannello di controllo fare clic sul motore di ricerca che si desidera utilizzare.
  2. Fare clic su Imposta nella barra laterale, quindi fare clic sulla scheda Nozioni di base.
  3. Nella sezione Dettagli, fare clic su Ottieni codice.,Copia il codice e incollalo nel codice sorgente HTML della tua pagina in cui desideri che appaia l’elemento di ricerca programmabile.
<div class="gcse-search"></div>

Provare diversi layout

In molte occasioni, ha senso che una casella di ricerca appaia indipendentemente dai risultati della ricerca. Un layout a due colonne consente di visualizzare una casella di ricerca in un’area della pagina (ad esempio nella barra laterale) e visualizzare i risultati in un’altra (ad esempio l’area principale della pagina).,

Per modificare il layout del tuo motore vai alla sezione Look and feel nel Pannello di controllo e fai clic sulla scheda Layout. Dopo aver selezionato e salvato il layout a 2 colonne nel Pannello di controllo, è inoltre necessario modificare il codice HTML per l’elemento di ricerca.

Un altro layout interessante è l’opzione a due pagine. Esso consente di implementare la propria casella di ricerca su una pagina e rendere i risultati di ricerca standard su un’altra pagina utilizzando i parametri nella barra degli indirizzi.

Selezionare e salvare il layout di due pagine nel Pannello di controllo., In una pagina, implementare una casella di ricerca stand-alone, modificando l’attributoresultsUrl per puntare all’URL in cui si desidera visualizzare i risultati.

Prova

implementare un stand-alone pagina dei risultati di ricerca, incollare i risultati frammento di codice nella vostra pagina dei risultati:

<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script><div class="gcse-searchresults-only"></div>

Ora è possibile attivare i risultati di ricerca su questa pagina passando un “q” argomento nell’url:

Prova

Continuare ad Abilitare il completamento automatico.

Articles

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *