zodra u uw Programmable Search Engine hebt aangemaakt, kunt u het Programmable Search Element aan uw site toevoegen. Om dit te doen, je nodig hebt om een aantal code te kopiëren en plak het in uw site HTML waar u wilt dat uw zoekmachine te verschijnen.

  1. klik in het Configuratiescherm op de zoekmachine die u wilt gebruiken.
  2. klik op Instellingen in de zijbalk en klik vervolgens op het tabblad Basis.
  3. in de Details sectie, klik op Code ophalen.,Kopieer de code en plak deze in de HTML-broncode van uw pagina waar u het programmeerbare Zoekelement wilt laten verschijnen.
<div class="gcse-search"></div>

het uitproberen van verschillende lay-outs

vaak is het zinvol om een zoekvak onafhankelijk van zoekresultaten te laten verschijnen. Met een lay-out met twee kolommen kunt u een zoekvak in een gebied van uw pagina weergeven (bijvoorbeeld in de zijbalk) en resultaten weergeven in een ander gebied (bijvoorbeeld het hoofdgebied van de pagina).,

om de lay-out van uw motor te wijzigen, gaat u naar de sectie Look and feel in het Configuratiescherm en klikt u op het tabblad Lay-out. Nadat u de lay-out met 2 kolommen in het Configuratiescherm hebt geselecteerd en opgeslagen, moet u ook de HTML-code voor het Zoekelement wijzigen.

een andere interessante lay-out is de optie twee pagina ‘ s. Hiermee kunt u uw eigen zoekvak op een pagina implementeren en de standaard zoekresultaten op een andere pagina weergeven met behulp van parameters in de adresbalk.

Selecteer en sla de opmaak van twee pagina ‘ s op in het Configuratiescherm., Implementeer op één pagina een zelfstandig zoekvak, waarbij het resultsUrl attribuut wordt gewijzigd om naar de url te wijzen waar u de resultaten wilt weergeven.

probeer het

om een stand-alone zoekresultaten pagina te implementeren, plak je het results code fragment in je resultatenpagina:

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

nu kun je zoekresultaten activeren op deze pagina door een “q” argument in de url door te geven:

probeer het

ga verder naar Automatisch aanvullen inschakelen.

Articles

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *