Google Custom Search Engine: verschil tussen versies

Uit MediaWikiGids
Ga naar: navigatie, zoeken
(Voorbeeld)
 
(10 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
 
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.
 
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.
 +
 +
== Voor- & nadelen ==
 +
 +
Belangrijke voordelen:
 +
* Gebruiksvriendelijkheid, herkenbaarheid
 +
* Suggesties en alternatieven bij zoekresultaten
 +
 +
Belangrijke nadelen:
 +
* Niet geheel up-to-date / compleet (afhankelijk van indexering door Google)
 +
* Reclame bij resultaten
  
 
== Voorbeeld ==
 
== Voorbeeld ==
 +
Dit is een voorbeeld van een gas-element dat zoek in de wiki van theaterencyclopedie.nl:
 +
 +
<pre>
 +
<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 personalizedAds="false"></gcse:search>
 +
</pre>
 +
Het resultaat hiervan ziet er zo uit:
 
<html>
 
<html>
 
<script>
 
<script>
Regel 14: Regel 41:
 
   })();
 
   })();
 
</script>
 
</script>
<gcse:search></gcse:search>
+
<gcse:search personalizedAds="false" enableHistory="true" autoCompleteMaxCompletions="5" autoCompleteMatchType='any'></gcse:search>
 
</html>
 
</html>
 +
 +
== Meer voorbeelden - Bootstrap styling ==
 +
* [[Google Custom Search Engine/Voorbeeld met Bootstrap styling]]
 +
* [[Google Custom Search Engine/Voorbeeld 3 met Bootstrap styling]]
 +
  
 
== Zie ook ==
 
== Zie ook ==
  
* [https://www.mediawiki.org/wiki/Extension:GoogleSiteSearch Extensie:GoogleSiteSearch, een extensie met vergelijkbare functionaliteit, Tevens volledige vervanging van de eigen MediaWiki-zoekmachine.
+
* [https://www.mediawiki.org/wiki/Extension:GoogleSiteSearch Extensie:GoogleSiteSearch], een extensie met vergelijkbare functionaliteit, Tevens volledige vervanging van de eigen MediaWiki-zoekmachine.
 +
* Extra [[DuckDuckGo zoekformulier|zoekvenster voor DuckDuckGo]]
 +
* [[Extra zoekvenster]]

Huidige versie van 26 mrt 2019 om 23:43

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.

Voor- & nadelen

Belangrijke voordelen:

  • Gebruiksvriendelijkheid, herkenbaarheid
  • Suggesties en alternatieven bij zoekresultaten

Belangrijke nadelen:

  • Niet geheel up-to-date / compleet (afhankelijk van indexering door Google)
  • Reclame bij resultaten

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 personalizedAds="false"></gcse:search>

Het resultaat hiervan ziet er zo uit:

Meer voorbeelden - Bootstrap styling


Zie ook