Sobald Sie Ihre programmierbare Suchmaschine erstellt haben, können Sie das programmierbare Suchelement zu Ihrer Website hinzufügen. Dazu müssen Sie Code kopieren und in den HTML-Code Ihrer Website einfügen, in dem Ihre Suchmaschine angezeigt werden soll.
- Klicken Sie in der Systemsteuerung auf die gewünschte Suchmaschine.
- Klicken Sie in der Seitenleiste auf Setup und dann auf die Registerkarte Grundlagen.
- Klicken Sie im Abschnitt Details auf Code abrufen.,Kopieren Sie den Code und fügen Sie ihn in den HTML-Quellcode Ihrer Seite ein, in dem das programmierbare Suchelement angezeigt werden soll.
<div class="gcse-search"></div>Verschiedene Layouts ausprobieren
Bei vielen Gelegenheiten ist es sinnvoll, dass ein Suchfeld unabhängig von den Suchergebnissen angezeigt wird. Mit einem zweispaltigen Layout können Sie ein Suchfeld in einem Bereich Ihrer Seite rendern (z. B. in der Seitenleiste) und Ergebnisse in einem anderen Bereich anzeigen (z. B. im Hauptbereich der Seite).,
Um das Layout Ihrer Engine zu ändern, gehen Sie zum Abschnitt Look and Feel in der Systemsteuerung und klicken Sie auf die Registerkarte Layout. Nachdem Sie das zweispaltige Layout in der Systemsteuerung ausgewählt und gespeichert haben, müssen Sie auch den HTML-Code für das Suchelement ändern.
Ein weiteres interessantes Layout ist die zweiseitige Option. Sie können Ihr eigenes Suchfeld auf einer Seite implementieren und die Standardsuchergebnisse auf einer anderen Seite mithilfe von Parametern in der Adressleiste rendern.
Wählen und speichern Sie das zweiseitige Layout in der Systemsteuerung., Implementieren Sie auf einer Seite ein eigenständiges Suchfeld und ändern Sie das Attribut resultsUrl so, dass es auf die URL verweist, auf der die Ergebnisse angezeigt werden sollen.
Probieren Sie es aus
Um eine eigenständige Suchergebnisseite zu implementieren, fügen Sie das Ergebniscode-Snippet in Ihre Ergebnisseite ein:
<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script><div class="gcse-searchresults-only"></div>Jetzt können Sie Suchergebnisse auf dieser Seite auslösen, indem Sie ein „q“ – Argument in der URL übergeben:
Versuchen Sie es
Aktivieren Sie die automatische Vervollständigung.