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.
- klik in het Configuratiescherm op de zoekmachine die u wilt gebruiken.
- klik op Instellingen in de zijbalk en klik vervolgens op het tabblad Basis.
- 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.