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.
- Nel Pannello di controllo fare clic sul motore di ricerca che si desidera utilizzare.
- Fare clic su Imposta nella barra laterale, quindi fare clic sulla scheda Nozioni di base.
- 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.