Google Custom Search Engine: verschil tussen versies
Uit MediaWikiGids
(→Voorbeeld) |
(→Voorbeeld 2 - Bootstrap styling) |
||
| Regel 65: | Regel 65: | ||
<div class="input-group"> | <div class="input-group"> | ||
<input type="text" class="form-control" id="cse-search-input-box-id" size="25" autocomplete="off"> | <input type="text" class="form-control" id="cse-search-input-box-id" size="25" autocomplete="off"> | ||
| − | + | ||
| − | |||
<script async type="text/javascript" | <script async type="text/javascript" | ||
src="//cse.google.com/cse/brand?form=cse-search-box-form-id&inputbox=cse-search-input-box-id"> | src="//cse.google.com/cse/brand?form=cse-search-box-form-id&inputbox=cse-search-input-box-id"> | ||
Versie van 26 mrt 2019 om 11:52
Met behulp van GCSE (Google Custom Search Element of - Engine) - voorheen Google Site Search - biedt de mogelijkheid om met de Google zoekmachine de eigen website te doorzoeken. Tevens integreert en presenteert de zoekmachine de zoekresultaten binnen de omgeving van de eigen website.
Voorbeeld
Dit is een voorbeeld van een gas-element dat zoek in de wiki van theaterencyclopedie.nl:
<script>
(function() {
var cx = '018439257105187159561:8ydlp_ajuk0';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>
Het resultaat hiervan ziet er zo uit:
Voorbeeld 2 - Bootstrap styling
Zie ook
- Extensie:GoogleSiteSearch, een extensie met vergelijkbare functionaliteit, Tevens volledige vervanging van de eigen MediaWiki-zoekmachine.