Leo’s Blog

Kontext-Werbung im WordPress Blog anzeigen: Contaxe vs AdInsider

Während Contaxe relativ einfach ins WordPress-Blog eingebunden werden kann, gestaltet sich der Einbau vom AdInsider-Code etwas komplizierter.

Kontext-Werbung: die Funktionsweise

Contaxe und AdInsider sind Anbieter von kontextsensitiven Werbeformen. Durch Einbindung eines JavaScript-Code durchsuchen diese Anbieter den Text der Webseite nach Worten, zu den kontextuell passende Werbung angezeigt werden kann. Diese Worte werden markiert und suggerieren mit der Art der Markierung, es stehe ein Link dahinter. Sobald der Leser mit der Maus drüber geht, kommt ein kleiner Werbebanner angeflogen. Klickt der User drauf, kassiert der Webseitenbetreiber ein paar Cent.

Contaxe vs AdInsider: Einbau ins Blog

Bei Contaxe kann man die Formatierung aus den CSS der eigenen Seite übernehen, bei AdInsider kann man nur die Farbe der Markierung wählen, die Unterstreichung ist immer doppelt. Um auch die AdInsider Unterstreichung den Seiten-CSS anzugleichen, kann man

1. Die CSS des Blogs anpassen (sieht nicht super schön aus, dazu gleich mehr)
2. Die CSS von AdInsider überschreiben. Das wäre die schönere Variante, geht aber nicht so einfach, da die span-Blöcke von AdInside das Attribut !important enthalten, das die CSS des Blogs überschreibt. Es soll eine Möglichkeit geben, mit Hilfe von JavaScript das !important-Attribut doch noch zu hintergehen, ich habe es jedoch nicht hinbekommen.

Um Contaxe einzubauen, bindet man einfach im Footer kurz vor dem schließenden Body-Tag den JavaScript von Contaxe ein. Und schon werden einzelne Worte in euren Beiträgen markiert. Die Auswahl an Worten ist nicht groß, aber die Einbindung funktioniert sehr stabil und verlässlich.

Mit AdInsider ist dagegen alles ein wenig komplizierter. Der Anbieter empfiehlt den JavaScript nach dem öffnenden Body-Tag einzubauen. Das Problem dabei: AdInsider verteilt die markierten Wörter beliebig auf die Seite und somit erscheinen die Schein-Links auf einmal dort, wo man sie überhaupt nicht haben will: in Überschriften, Tag-Clouds u s w. Daher habe ich den Code nur in die Datei single.php eingebaut und anschließend weiter den Bereich spezifiziert, wo die Wörter markiert werden sollen. Was mir bei AdInsider gefällt: es gibt mehr unterschiedliche Advertiser, als bei Contaxe. Zumindest habe ich dieses Gefühl, denn meine Contaxe Anzeigen kenne ich beinahe auswendig…

Kontextsensitive Werbung von AdInsider und Contaxe eingrenzen

In manchen Bereichen der Seite soll die kontextuelle Werbung nicht erscheinen, weil man das nicht will oder nicht darf (zum Beispiel in den Trigami-Reviews). Bei Contaxe erreicht man das ganz einfach durch die Nutzung der speziellen Div-Klasse. Dazu kann man zum Beispiel am Anfang und am Ende des Trigami-Reviews <div class=”chlforbidden”> und </div> setzen und schon ist man fertig.

Und wieder macht AdInsider alles komplizierter. Hier kann man nur den Bereich definieren, in dem die markierten Wörter erscheinen dürfen und nicht andersrum. Gibt es keinen Bereich, werden die Wörter überall markiert. Ich hab dafür einen Work-Around: man definiert eine Kategorie, die alle Trigami Reviews enthält und merkt sich ihre ID (die findet man heraus, wenn man im Admin-Bereich auf der Kategorienübersichtsseite die jeweilige Kategorie aufruft – die ID steht in der URL – cat_ID). Anschließend trägt man im Template nach
<div class="entry"></div>
folgendes ein:
< ?php if (!in_category( cat_ID, $_post )) { ?>< ?php } ?>
und dann noch vor dem schließenden div-Tag
< ?php if (!in_category( cat_ID, $_post )) { ?>< ?php } ?>
Anstelle von cat_ID natürlich die vorher herausgefundene cat_ID. Somit wird gewährleistet, dass alle Beiträge nicht aus der cat_ID den AdInsider-Code im Text der Beiträge eingebunden haben.
Das reicht aber noch nicht, denn, wie wir uns erinnern, denkt AdInsider, dass wir im Falle von cat_ID überall die Wort-Markierungen sehen wollen. Um dass zu vermeiden, definieren wir vor dem primary content start noch diesen leeren Bereich:
< ?php if (in_category( 1245, $_post )) { ?>< ?php } ?>
Fertig.

Jetzt kann man noch eine Schönheitskorrektur machen und das Aussehen aller Links im Content-Bereich an das von AdInsider anpassen. Dazu trägt man im CSS folgendes ein:
#content .post .entry a
{
text-decoration: none;
border-bottom: 3px double;
}