• Skriptum
• HTML
• HTML-Diverses
• Google Suche

Suchabfrage händisch erstellen

Die einfachste Variante ist, wenn man die Suchabfrage "simuliert", die entsteht, wenn man auf google die "Erweiterte Suche" verwendet: (https://www.google.at/advanced_search). Dort kann man unter "Website oder Domain" die (eigene) Website angeben, in der ausschließlich gesucht werden soll. Möchte man z.B. suchen, was auf der Website vom ORF über das Thema "Erderwärmung" steht, gibt man im Formularfeld "alle diese Wörter enthalten:" das Wort "erderwärmung" ein und ziemliche weit unten im Formularfeld "Website oder Domain" den Text "orf.at" (Name der Domain vom ORF) ein. Unterhalb der Formularfelder gibt es dann die Schaltfläche "Erweiterte Suche", die man zu Starten anklickt.

Auf der Erbebnisseite interessieren uns diesmal nicht die Treffer, denn dies ist ja nur ein Beispiel. Was wir benötigen, ist die URL die zuvor durch das Formular als Suchabfrage erstellt wurde. Diese sieht folgendermaßen aus (im Original ohne Zeilenumbrüche):
https://www.google.at/search?as_q=erderw%C3%A4rmung&as_epq=&as_oq=
&as_eq=&as_nlo=&as_nhi=&lr=&cr=&as_qdr=all&as_sitesearch=orf.at
&as_occt=any&safe=images&as_filetype=&as_rights=

Aufbau einer URL

Im "Query String" nach dem Trennzeichen "?" stehen mehrere Parameter-Werte-Paare. Für uns interessant ist vor allem der Parameter as_sitesearch. Durch diesen werden nur Treffer geliefert, die auf der Website sind, deren Domaine mit der Angabe im Wert übereinstimmt, hier also orf.at.

Wenn man alle nicht unbedingt notwendigen Parameter weglässt, bleiben nur wenige über, die man dann individuell an die eigenen Bedürfnisse anpassen kann. Das Einbetten der Suche in die eigene Website kann z.B. so aussehen:
(Quelle: frühere Projektarbeit www.renaultclub.at ganz unten in der Mitte)

Der entsprechende Quellcode sieht dann so aus:

<div id="suche">
<form id="searchbox_demo" action="http://www.google.at/search">
   <p>
      <input type="hidden" name="hl" value="de" />
      <input type="hidden" name="num" value="10" />
      <input type="hidden" name="as_sitesearch" value="www.renault-club.at" />
      <input type="text"   name="as_q" size="50" />
      <input type="submit" value="Suche in C.A.R." />
   </p>
</form>
</div>
						

Es ist ein Formular <form> definiert, deren id- und action-Parameter unverändert bleiben müssen. Im Formular sind fünf Eingabefelder <input> definiert. Das <div> um das Formular mit der id namens "suche" dient nur zum Formatieren mittels CSS.
Die einzelnen Eingabefelder haben folgende Aufgaben:

• hl (host language): Gibt die Sprache an, in der die Benutzeroberfläche von google ist, bei uns also Deutsch. Daher bekommt der Parameter den Wert "de" (wird von Google so empfohlen).
  Dieses Feld wird nicht angezeigt (type="hidden"), da es nicht vom Benutzer verändert werden können soll.
• num (number of search results to return): Gibt an, wieviele Treffer der Ergebnisliste jeweils auf einer Seite gleichzeitig angezeigt werden sollen. Falls alle Treffer auf einer einzigen Seite angezeigt werden sollen - was bei einer Suche nur auf der eigenen Website durchaus Sinn macht - dann gibt man einen relativ hohen Wert an. Man kann aber auch einen niedrigeren Wert hier eingeben.
  Dieses Feld wird nicht angezeigt (type="hidden"), da es nicht vom Benutzer verändert werden können soll. Falls doch, kann man den type von hidden auf text ändern. Dann sollte man aber auch dieses Eingabefeld mittels CSS ansprechend formatieren.
• as_sitesearch (advanced search sitesearch - entspricht dem Formularfeld "Website oder Domain" der Erweiterten Suche): Gibt an, in welcher Website/Domaine gesucht werden soll. Hier gibt man unter value die Domain der eigenen Website ein.
  Dieses Feld wird nicht angezeigt (type="hidden"), da es nicht vom Benutzer verändert werden können soll.
• as_q (advanced search query - entspricht dem Formularfeld "alle diese Wörter enthalten:" der Erweiterten Suche): Dies ist das Eingabefeld, in das der/die BenutzerIn die gewünschten Suchbegriffe eingeben kann.
  Dieses Feld ist sichtbar (type="text" und nicht hidden), da es selbstverständlich vom Benutzer verändert werden können soll.
  Der Wert von size gibt an, wieviele Buchstaben das Eingabefeld breit sein soll (kann mit einer CSS-Regel überschrieben werden)..
• submit (submit - entspricht der Schaltfläche "Erweiterte Suche"): Dies ist die Schaltfläche, mit der die Suche gestartet wird. In value kann der Text angegeben werden, der in der Schaltfläche aufscheinen soll: Also z.B. mit den Worten "Suche" und den Hinweis, dass die Suche nur auf dieser Website erfolgt.

Weiterführende Informationen zu dem Parameteren der Erweiterten Suche in derEntwickler-Dokumentation/Google Developers:: https://developers.google.com/custom-search/docs/xml_results#wsAdvancedSearch