Home Blog Tips, Thesis Theme, Tutorials, Wordpress >> Thesis Theme Tutorial – Google Custom Search einbauen

Thesis Theme Tutorial – Google Custom Search einbauen

6. Juni 2011

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Eines der Dinge, die man seinen Besuchern anbieten möchte und sollte ist ein gutes Tool um den Blog zu durchsuchen. Das standardmäßige Suchtool, das mit WordPress bereits ausgeliefert ist adäquat aber meiner Meinung nach nicht ausreichend.

Wenn Dein Blog ein bestimmtes Thema hat, oder mehrere Themen abdeckt, oder Du einen einen Adsense Account hast, dann solltest Du Dir das Google Custom Search Tool ansehen.

Das Custom Search Tool von Google von Google hat mehrere Optionen, die während des Setups auftreten:

  • Welche Webseiten sollen durchsucht werden (außer Deiner)
  • Welche Sprache soll genutzt werden? (Eine lange Liste wird offeriert)
  • Welche Codierung nutzt die Webseite?
  • In welchem Land soll Google die Domain festsetzen und suchen?
  • Welcher Channel soll die Daten aggretieren?
  • Soll Safesearch genutzt werden, damit nur unbedenkliche Inhalte angezeigt werden

Ich habe mich dazu entschieden nur Seiten einzubinden, die ich auch selber lese, weil dort die Artikel nicht nur interessant sind, sondern auch einen echten Mehrwert für die Leser enthalten. So kann ich gleich zwei verschiedene Dinge erreichen: Zum einen ist meine Suche ausschließlich Themenrelevant und zum anderen kann ich die Blogger, die ich selber auch lese noch ein wenig unterstützen.

Die Google Custom Suche in Thesis einbauen

Es gibt zwei verschiedene Möglichkeiten um den von Google ausgelieferten Code in das Thesis Theme einzubauen.

  • Eine custom function erstellen
  • Ein Plugin/Widget nutzen
    • 1. Google Custom Search Plugin
    • 2. Text Widget

Ich persönlich bevorzuge das einfache Textwidget. Wie auch immer, je nachdem was Du benötigst, kannst Du Dir das einfach anpassen.

Google Custom Search Tool bekommen

Wie man eine Benutzerdefinierte Suche bei Google erstellt ist nicht bestandteil dieses Artikels, lies dazu bitte Google Custom Search als Bereicherung für Deine Leser. Den Code selber muss man nun an zwei Stellen im Blog einbauen.


Teil 1 – Das Suchfeld
Der Code für das Suchfeld erzeugt die Eingabemaske für den Suchenden. Er sieht wie folgt aus:

<form action="http://www.blogverdiener.de/suche/" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-5604411784343433:gfrb67ew5e1" />
    <input type="hidden" name="cof" value="FORID:10" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Suche" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.de/cse/brand?form=cse-search-box&amp;lang=de"></script>

Diesen Code kopiert man nun in das Widget, das man für die Suche nutzen möchte. Ich habe dazu noch folgende Änderungen/Einstellungen vorgenommen:

  • Code in einem Text Widget
  • Die Zeile input type=”text” name=”q” size=”31″ habe ich entfernt, damit verschwindet der Button und mit „Enter“ führt man die Suche aus.

Nachdem wir nun die Eingabemaske gestaltet haben, kommen wir zur Ergebnisseite. Dafür habe ich eine eigene Seite namens „Suche“ erstellt. Den Permalink zu der neuen Seite sollte man sich gut merken, denn dieser wird nicht nur bei der Erstellung der Suchmaschine benötigt, sondern auch für das spätere Layout.

Die Ergebnisseite erstellen

Um die Ergebnisseite zu gestalten, habe ich zunächst eine neue Seite mit dem Namen „Suche“ erstellt. Google hat mir folgenden Code für die eigene Webseite (Ergebnisse) ausgeliefert:

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 800;
  var googleSearchDomain = "www.google.de";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

Leider passt dieses Layout nicht in mein Design, so dass ich folgende Änderung vorgenommen habe:

var googleSearchFrameWidth = 600;


So sieht die Google Custom Search im Thesis Theme aus

Google Custom Search


Damit habe ich zumindest das Frame schon einmal anpassen können. Danach habe ich die CSS-Klassen noch in meiner „custom.css“ eingefügt und ebenfalls editiert. Wie folgt sieht das CSS aus (Bitte auf Deine Bedürfnisse anpassen):

.custom #cse-search-results {
width: 600px;
overflow: hidden;
}

.custom #cse-search-results iframe{
width: 600px;
overflow: hidden;
}

Das Thesis Theme macht es mir einfach, ein neues Template für die Seite zu nutzen. Ich habe mich für eines ohne Sidebars entschieden. Anstatt der Sidebar habe ich eine Werbezone mit Hilfe des OIOpublishers erstellt und binde dort die Seiten ein, welche die Suche unterstützt, oder eben Werbung.

Zusammenfassung

Mit einer eigenen Suche, in der man die Suchergebnisse auch noch vorgeben kann, hat man einen echten Mehrwert für die Besucher. Gerade wenn man sich nur mit einem einzigen Thema und dessen Ausuferungen beschäftigt, kann man die Mitbewerber optimal mit ins Boot holen. Den Leser wird es freuen. Allerdings darf man hier nicht allzu sehr im Konkurrenzgedanken hängen, denn wenn ein Besucher einmal weg ist, kommt er vielleicht nicht wieder. Aber das liegt ja an Deinen Artikeln. Sind diese interessant kommen die Leser in jedem Fall wieder.

Bleib in Verbindung via...

RSS abonnieren Facebook Fan werden Follow Me

{ 1 comment… read it below or add one }

1 Sophi August 26, 2011 um 17:04

Hi.
dank dir für deinen Beitrag, ich kann mir nicht erklären woran es liegt aber mir gelingt es nicht den Iframe auf 600 zu setzen. Ich habe deinen css-Schnipsel implementiert und auch den Code in der “SucherergebnisSeite” angepasst, aber es verändert sich einfach nichts der Iframe bleibt bei den, von Google vordefinierten 800?! Während ich den Code bei Google generiere kann ich auch nicht auf 600 umstellen, der Kasten wird dann rot unterlegt. Hattest du ähnliche Probleme?
Viele Grüße

Leave a Comment

Hinweis: Nur echte Namen verwenden | Keine Verweise auf Unterseiten! Ich lösche solche Kommentare!

{ 1 trackback }

Previous post:

Next post:

Letzte Artikel

  • spielcasino.net Für Zwischendurch – Online zocken und Zeit vertreiben
    Verauchte Säle, Whiskey und Pokerkarten. Dazu viele verruchte Gestalten, die an dem Spieltisch ihr letztes Hab und Gut einsetzen. Der Stoff aus dem viele Filme geschmiedet sind. Waren es früher die restlichen Dollars, die von den Cowboys verzockt w...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #11 – Eine Woche gar nichts mehr
    Eine ganze Woche lang habe ich überhaupt nichts gemacht. Das lag zum einen einer Operation an meinem Knie, die ich auskuriert habe, und zum anderen an dem Testtool, das mir einfach keine neuen Werte ausgegeben hat. Jede Serie braucht einen Abschl...Mehr lesen...
  • Premium Themes aus Deutschland WordPress Theme gesucht? Hier wirst Du fündig!
    Immer mal wieder bastelt ein Blogger am eigenen Blog herum, weil er vielleicht die Optik nicht mehr ertragen kann. Mir geht das regelmäßig einmal im Jahr so. Und oft schaue ich mir dann die ganzen Theme Schmieden an, um herauszufinden, was es denn...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #10 – Halbzeit
    Die Hälfte ist geschafft. Social Bookmarking im 20 Tage oder 20 Bookmarks Test. Wie viel Ranking bringen Social Bookmarks? Was bringen sie überhaupt? Diese Frage soll diese Case Study beantworten. Deshalb habe ich mir einen Artikel aus meinem Ar...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #9 – Leichter Abfall des Rankings
    Ein neuer Tag in meiner SEO Case Study. Das Social Bookmarking hat mich bisher um rund 50 Plätze nach oben verschoben und heute ging es wieder ein wenig bergab. Glücklicherweise nur um einen einzigen Platz, den ich hoffentlich heute wieder aufho...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #8 – Bergsteiger Artikel
    Das Social Bookmarking, das in den letzten Monaten so furchtbar an Strafen von Google gelitten hat, wird derzeit auf die Probe gestellt. Welche Auswirkungen hat es noch auf das Ranking? Und wirkt es überhaupt? Google ist sehr streng gegen alle m...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #7 – Erneut ein Stückchen hoch
    Nachdem ich gestern über Stagnation geklagt habe, scheint Google meinen Ruf gehört zu haben und schiebt den Artikel wieder drei Plätze nach oben auf Platz 68. Damit habe ich Seite sechs im Ranking erreicht. Das nächste Ziel muss also lauten ...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #6 – Stagnation
    Social Bookmarking hat nach dem Google Penguin Update an Bedeutung verloren. Darin sind sich fast alle einig. Die Kommentare, die ich hier im Blog oder per Email bekommen habe, belegen das. Dennoch soll meine Case Study dahingehend für mich Klarheit...Mehr lesen...

Warum dieser Blog?

  • Geld verdienen im Internet

    ist der Traum vieler. BlogVerdiener beschäftigt sich mit den Möglichkeiten und vor allem mit den einzelnen Anbietern, die das Geld verdienen im Internet möglich machen. Dabei werden die Anbieter vorgestellt und in gewissen Zeiträumen immer wieder getestet. Das Hauptaugenmerk liegt dabei auf Seriosität. Betreffend der Auszahlungen, aber auch den Support. BlogVerdiener propagiert nicht den schnellen Reichtum im Internet, sondern soll aufzeigen, wie durch Arbeit im Netz Geld verdient wird. Ob als Texter, über Social Media Profile bis hin zu Youtube Videos, hier steht alles auf dem Prüfstand.

    Zusätzlich veröffentliche ich regelmäßig Tutorials, die zeigen sollen, wie man die Anbieter zum Geld verdienen benutzt. Auch ist mir wichtig den Verdienst immer weiter zu steigern. Jeder getestete und hier eingesetzte Anbieter soll monatlich die Auszahlungsgrenze überschreiten. Das Ziel ist es sich ein Online Einkommen aufzubauen, dass so groß ist, und so dauerhaft ist, dass ich mir keine Sorgen um meine Rente machen muss und sogar bereits mit 40 Jahren meinen Antrag stellen kann.

    Geld verdienen im Internet – Mit Arbeit und viel Lernen verbunden, ist es doch eine Beschäftigung die Spaß macht, gleichgesinnte vernetzt und tolle Partnerschaften ermöglicht.

    Ursprünglich war BlogVerdiener ein Hobby. Ich wollte mich mit der Möglichkeit beschäftigen „Geld im Internet“ zu verdienen. Daraus ist aber so viel geworden, dass ich es irgendwann aufschreiben musste und wollte. Zunächst bin ich auf einem anderen Blog gestartet, der aber BlogVerdiener weichen musste.

    Das Geld verdienen im Internet ist eine sehr spannende Sache, die sich ständig entwickelt. Neue Anbieter kommen hinzu, alte verschwinden. Es gibt diverse Themengebiete, in denen man sich selber entwickeln und lernen kann. Das ist der Punkt, der auf mich eine so unglaublich große Faszination ausübt. Und nicht zuletzt natürlich mein stetig wachsender Kontostand.

    Es macht Spaß Anbieter zu testen und dann für den eigenen Blog die Optimierungsarbeit zu leisten. So kann ich lernen, ausprobieren und nebenbei noch Geld verdienen. Dieser Gedanke ist irgendwann aber zu Ende gewesen.

    Jetzt ist das Hauptziel von BlogVerdiener das Geld verdienen im Internet reproduzierbar zu machen, so dass es für jeden funktioniert. Der Aufwand soll minimiert werden und das Ergebnis stetig verbessert.

Highlights

  • Geld verdienen im Internet mit Beispielen zu Belegen gehört sicherlich zu den Highlights hier im Blog. Hin und wieder starte ich 30 Tage Tests, in denen mehrere Anbieter der gleichen Branche gegeneinander antreten müssen. So zum Beispiel Februar 2013. Für diesen Monat gibt es die Mini Verdienst Challenge, in der ich diverse Anbieter, mit denen auf Facebook Geld verdienen möglich ist, gegeneinander antreten ließ. Das Ergebnis ist eine Seite hier im Blog, die alle Details haarklein auflistet und einige Anbieter für jedermann empfiehlt.

    So kann sich auch die Hausfrau einen netten Nebenverdienst aufbauen, ohne vorher teure Produkte zu kaufen oder anders auf die Nase zu fallen.

    Ein weiteres Highlight sind sicherlich die Empfehlungen der getesteten Fachbücher. Geballtes Wissen für angehende Blogger und Webmaster. Hier stecke ich viel Arbeit und Mühe hinein.

    Das dritte erwähnenswerte Highlight sind Tutorials, in denen ich mich mit dem Thesis Theme, CSS3, HTML5 und Wordpress auseinander setze. Hier kann vieles für andere Blogs adaptiert werden.

50 Suchanfragen

Kontakt