Twoday Logo
help > Suchfunktion > Google Suche einbinden... Anmelden nächstes Blog lesen
About
Account (Benutzername & Profil)
Administration
Advanced
Anmeldung
Archiv
Backlinks (Referrer)
Beiträge
Berechtigungen
Bezahlung
Bilder
Blog als Buch
Blog anlegen
Blog archivieren
Charts
Dateien
... weitere
Profil
Abmelden
Weblog abonnieren

Google Suche einbinden möglich?

Hi,

ist es möglich, die Google Suche statt der "normalen" twoday Suche einzubinden? Ich denke an Googles "Benutzerdefinierte Suchmaschine". Am liebsten hätte ich die Version mit dem Suchfeld in der rechten Menü-Spalte und die Ergebnisse in der linken Artikel-Spalte.

danke
User Icon
NeonWilderness vor 4638 Tagen

Es ist nicht ganz trivial, die Anzeige der GCS (Google Custom Search) Suchergebnisse vom Feld der eingegebenen Suchbegriffe zu trennen. GCS-Ergebnisse werden in einem generierten iframe ausgegeben, dessen Inhalte man lesen und an eine andere Stelle transferieren müsste. Das ist prinzipiell machbar, würde aber den Rahmen hier sprengen. Ich zeige Ihnen trotzdem 2 Alternativen, von denen Sie eine vielleicht verwenden wollen.

Wie ich sehe, haben Sie sich bereits im GCS angemeldet und einen eigenen cx-Code (015925976119081541413:khv-frfb2cm) generiert. Diesen gilt es, nun in Twoday einzubauen:

  1. Freetextmodul und Overlay-GCS-Ergebnisse
    • Nutzen Sie ein leeres Freetextmodul und geben Sie dort den Code <gcse:search></gcse:search> ein.
    • Sichern Sie den Inhalt und platzieren Sie das Modul an die gewünschte Stelle in der Sidebar.
    • Klicken Sie im Menü auf Admin → Layout → Skins (HTML) und dann auf Hauptseite (Site.page).
    • Navigieren Sie ganz an das Ende des Textfeldes und kopieren Sie das GCS-Script von der GCS-Seite an die Stelle unmittelbar vor dem </body>-Befehl:

      <script>
      (function() {
      var cx = '015925976119081541413:khv-frfb2cm';
      var gcse = document.createElement('script');
      gcse.type = 'text/javascript';
      gcse.async = true;
      gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
      '//www.google.com/cse/cse.js?cx=' + cx;
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(gcse, s);
      })();
      </script>

      und klicken Sie auf Speichern und Schließen.
    • Stellen Sie in den GCS-Einstellungen unter Grundlagen → Design die Darstellung der Suchergebnisse auf "Overlay" und Speichern Sie die Änderung.
    • Rufen Sie Ihren Blog erneut auf und machen Sie einen Hard-Reload (Strg-F5). Die Suchergebnisse werden nun in einem Overlay über evtl. vorhandene Beiträge eingeblendet.

  2. Suchfeld und Anzeige im Content-DIV
    • Entfernen Sie das Freetextmodul mit der GCS-Suche aus Alternative 1.
    • Klicken Sie im Menü auf Admin → Layout → Skins (HTML) und dann auf Hauptseite (Site.page).
    • Kopieren Sie das nachstehende (ergänzte) GCS-Script an die Stelle unmittelbar vor dem </body>-Befehl (oder ergänzen Sie die beiden fett angezeigten Zeilen):

      <script>
      (function() {
      var tocontent = document.getElementById("content");
      tocontent.innerHTML = "<gcse:search></gcse:search>" + tocontent.innerHTML;

      var cx = '015925976119081541413:khv-frfb2cm';
      var gcse = document.createElement('script');
      gcse.type = 'text/javascript';
      gcse.async = true;
      gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
      '//www.google.com/cse/cse.js?cx=' + cx;
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(gcse, s);
      })();
      </script>

      und klicken Sie auf Speichern und Schließen.
    • Stellen Sie in den GCS-Einstellungen unter Grundlagen → Design die Darstellung der Suchergebnisse auf "Volle Breite" und Speichern Sie die Änderung.
    • Rufen Sie Ihren Blog erneut auf und machen Sie einen Hard-Reload (Strg-F5). Die Suchergebnisse werden nun im Content-DIV vor den Beiträgen eingeblendet.

Viel Glück bei der Umsetzung einer der Alternativen!

User Icon
Klaener1 vor 4629 Tagen

Google Suche - nicht so einfach

Hi,

danke für die schnelle Antwort und einfachen Anweisungen. Ich habe beide Versionen gerade ausprobiert und bin nicht so glücklich.

1. Freetextmodul und Overlay-GCS-Ergebnisse
Das Suchfeld rechts im Menü ist so klein, dass ich die Eingaben nicht sehe. Außerdem fehlt im Overlay die Suche selbst, so dass ich nicht von dort aus weitersuchen kann

2. Suchfeld und Anzeige im Content-DIV
Geht technisch prima, allerdings erscheint das Suchfeld immer über den Artikeln, nicht nur wenn man etwas sucht. Genauso ist es bei den Suchergebnissen, die immer vor den Artikeln erscheinen

3. Artikel mit erweiterter Suche
Ist es möglich, hinter einem Menüpunkt "erweiterte Suche" einen Artikel anzulegen, der das Google Suchfenster enthält, und dann alles in diesem Artikel abzuwickeln oder notfalls mit overlay? Ich habe es noch nicht geschafft, HTML code in einen normalen Artikel einzubauen

danke
User Icon
NeonWilderness vor 4623 Tagen

Das <gcse:search></gcse:search> Element wird durch das Twoday-Backend in Beiträgen ausgefiltert; daher können Sie es nur in Skins verwenden.

Google stellt aber eine Alternative zur Verfügung, die auch vom Twoday-Editor akzeptiert wird:
  1. Legen Sie einen neuen Beitrag an. Geben Sie im Textfeld den DIV-Code <div class="gcse-search"></div> ein.
  2. Deaktivieren Sie den Haken bei "Diesen Beitrag auf der Startseite anzeigen" (Sie wollen ja auf der Startseite nur einen Link zu diesem Beitrag "Erweiterte Suche" anbieten) und veröffentlichen Sie den Beitrag.
  3. Das zugehörige Script bleibt (wie weiter oben beschrieben) unverändert vor dem schließenden </body>-Element im Skin Site.page eingefügt.
  4. Rufen Sie den Beitrag auf (Strg-F5 Reload nicht vergessen). Die Google Custom Search Box sollte nun in dem angelegten Beitrag angezeigt werden. Layout, Design und Farben passen Sie wie gewohnt direkt auf der Google Custom Search Seite an.
User Icon
Klaener1 vor 4616 Tagen

Danke

auch diese Einbindung hat problemlos funktioniert - danke dafür
development