Amazon von FallenPegasus cc

Alle bisherigen Teile dieses Tutorials:
1. Die Idee
2. Benutzerdefinierte Felder
3. Linkgestaltung

4. Die Umsetzung - Lets rock!

Fügen wir also die die Quellcodes der letzten beiden Teile zusammen und sehen was dabei heraus kommt:

In der ersten Zeile wird der Wert des Schlüssels, welchen wir in den benutzerdefinierten Feld “affilitag” zugewiesen haben ausgelesen. Anschießend kommt eine Abfrage, ob dieser Wert über einen Inhalt verfügt. Wenn dies nicht der Fall ist, wird der restliche Code nicht verarbeitet.
Bevor der Ausgabebereich dann wieder geschlossen wird folgt der selbst gestaltete HTML-Code für den Partnerprogramm-Link.

Suchen wir nun nach einer passenden Stelle in unserem Wordpress Blog um diesen Code einzufügen.
Grundsätzlich kann man sich die Stelle an der dieser Affili-Link erscheinen soll beliebig auswählen solange er sich innerhalb des Loops befindet. In unserem Beispiel soll der Link unter dem Beitrag und vor den Kommentaren erscheinen.

In den Dateien index.php, single.php, archive.php etc. im Wordpress Template Ordner suchen wir nach folgendem Code, der abhängig vom Theme natürlich variieren kann:

Und fügen dazwischen unseren Code ein. Das sollte dann so aussehen:

Hat man nun in einem Beitrag das benutzerdefinierte Feld “affilitag” mit einem Suchbegriff angelegt sollte auf der Beitrags- oder Übersichtsseite, je nachdem in welche Template-Datei der Code eingebunden wurde, dieser Link zu sehen sein:

Bingo - und das war es auch schon.

Wie schon erwähnt lässt sich diese Funktion für viele verschiedene Features nutzen um Beitragsbasierte Informationen zu speichern und auszulesen. Auch der Gestaltung sind kaum Grenzen gesetzt, probiert es aus!

Das Script habe ich übrigens ausgelagert, damit der HTML-Code nicht in den *. php Dateien direkt enthalten ist.
Hierfür erstellte ich im Theme-Ordner des Templates einfach eine Datei mit dem Namen affilibar.php mit dem Link-Code und änderte den Code in den Dateien index.php, single.php, archive.php etc. diesen Code ein:

Den Code für die Template Datein, die affilibar.php und das Amazon-Icon könnt ihr euch in dieser Zip-Datei herunterladen:
Download: Wordpress Erweiterung Affilibar

Ich möchte zudem noch erwähnen, dass ich keinerlei Verantwortung für eventuell entstehende Schwierigkeiten im Umgang mit diesen Codes übernehme. Alles was ich euch hier erzählt ist nur meinem angelesenem Halbwissen. Die Verwendung dieser Erweiterung erfolgt auf eigene Gefahr!
Bevor ihr mit dem Einbau des Features beginnt solltet auf jeden Fall ein ein Backup der Datenbank, sowie aller Wordpress-Dateien auf dem Server erstellt werden.

Sollten Probleme bei der Umsetzung entstehen schreibt einfach ein Kommentar und ich werde versuchen zu helfen.
Falls ihr eine Idee im Zusammenhang mit dieser Erweiterung habt oder euch ein Fehler im Code aufgefallen ist lasst es mich ebenfalls wissen!

Ich wünsche auf jeden Fall viel Spaß beim ausprobieren! Vielleicht lässt sich ja der ein oder andere Cent damit verdienen

gestaltende Niloufar von withoutfield cc

3. Linkgestaltung

Nachdem wir nun herausgefunden haben, wie wir benutzerdefinierte Felder für die Idee einer automatisierten Partnerprogramm-Verlinkung nutzen können, kommen wir heute zur Gestaltung des Affili-Links.

Den Ausgangs-Affili-Link generierte ich im Amazon Partnernet-Bereich, ein einfacher Suchergebnisseiten-Link der so aussieht:

Statt dem XXX soll nun der Küstlername erscheinen, das sieht dann so aus:

Mit ein wenig HTML erstellen wir ein simples Partnerprogramm-Werbefeld mit Amazon Icon und Textlink.

Überall dort, wo das Suchwort erscheinen soll, also im Link, im Text oder im Linktitel etc. nutzen wir diesen Code:

Bei der Gestaltung kann man sich natürlich voll auslassen und weitere Schüssel definieren, wie z.B. für die Abbildung eines Produktbildes. Hierfür wird einfach ein weiterer Schlüssel, z.B “affilibild” mit der URL des Bildes angelegt und über das gleiche Schema in den Beitrag ausgelesen und verarbeitet.

Partnerprogrammlinks zu anderen Programmanbietern wie z.B. ebay, iTunes oder Musicload sind natürlich auch möglich. Auch hierfür wird ein entsprechender Quell-Link auf die Suchergebnisseite des Programmanbieters generiert und das Suchwort, wie bei dem Amazon-Link, durch die Variable $suchwort ersetzt.

Im vierten und letzten Teil dieses kleinen Wordpress Tutorials zeige ich euch letztendlich, wie der Code der letzten beiden Teile zusammen gefügt wird, und an welcher Stelle dieser Quellcode, und damit das fertige Feature, im Wordpress Theme eingebunden werden kann.

“benutzerdefinierte Felder” von wetwater cc

2. Benutzerdefinierte Felder

Im ersten Teil habe ich bereits über meine Idee berichtet, so genannte Partnerprogramm Links zur Amazon Suchergebnisseite zu automatisieren.
Heute möchte ich euch erzählen, wie man für die Realisierung die von Wordpress standardmäßig mitgelieferten „benutzerdefinierten Felder“, oder auch „Custom Fields“ nutzt.

Beim schreiben von Beiträgen mit Wordpress ist mir schon oft die aufklappbare Zeile “Benutzerdefinierte Felder” aufgefallen, mit der ich bis dito noch nichts anzufangen wusste. Nach kurzer Recherche fand ich den Beitrag Wordpress Custom Fields und erfuhr dort, dass man mit den Feldern “Schlüssel” und “Wert” (Key & Value) Daten in der Wordpress Datenbanktabelle “wp_postmeta” ablegen kann. Diese Daten beziehen sich jeweils ausschließlich auf den einzelnen Beitrag und werden beim Anlegen der Felder in der Tabelle direkt gespeichert.

Es ist also möglich, ohne Vorkenntnisse im Umgang mit php oder sql-Datenbanken, einzelnen Beiträgen ein Feld mit einem beliebigem Wert in der Wordpress Datenbank zu speichern.
Wunderbar!

Für die Zielsetzung legt man also bei einem in frage kommenden Beitrag einen Schlüssel an, sagen wir einmal “affilitag”. Der Wert dieses Schlüssels ist das Suchwort, welches in den Link eingefügt werden soll. In unserem Beispiel ist das die Gruppe “Jahcoozi”.

Wie liest man diesen Wert im Blog nun wieder aus und fügt ihn an der richtigen Stelle im Link ein?

Auch hierfür haben die Wordpress Entwickler natürlich vorgesorgt! Für die Ausgabe der Daten im Blog nutzt man den Template Tag get_post_custom_values, der innerhalb des Loops verwendet wird. Im folgenden Beispiel lassen wir uns den Suchbegriff im Beitrag anzeigen:

In der single.php suchen wir nach folgendem Code:

Darunter fügen wir folgende Code ein:

In der ersten Zeile lesen wir den Wert des Schlüssels “affilitag” aus und weisen diesen der Variable “$suchwort” zu. In der zweiten Zeile wird die Variable ausgegeben. Damit erfolgt auf der Beitragsseite die Ausgabe: “Suchwort: Jahcoozi”

Um sicherzustellen, dass diese Ausgabe nur bei Beiträgen erscheint, bei denen der Schlüssel “affilitag” angelegt wurde, ändert man den Code wie folgt ab:

Hier wird abgefragt, ob die Variable einen Inhalt hat, also “wenn Variable $suchwort nicht leer, gebe aus ….”

Im nächsten Teil des Wordpress Erweiterung Tutorials erstellen und gestalten wir dann die Partnerprogramm-Links.

Euro Cent Münzen von polaroidmemories cc

Vielleicht ist euch schon aufgefallen, dass bei einigen Beiträgen hier im Blog sogenannte Partnerprogramm-Links zu Amazon Produkten, sowie Links zu legalen MP3 Download Anbietern (iTunes & Musicload) eingebunden sind. Diese Affili-Links sind meist in Musikbeiträgen, oder z.B. in Beiträgen wie über Anthony Bourdain zu finden. Überall dort, wo sich eine Verlinkung eben lohen könnte.
Bestellt nun ein Besucher unseres Blogs nach dem Klick auf einen solchen Verweis bei Amazon eine CD, ein Buch oder ein sonstiges Produkt, bekommen wir eine kleine prozentuale Beteiligung am Verkauf gut geschrieben.

Die Idee:

Seit längerem schon suchte ich nach einer Möglichkeit, diese Affili-Links zu automatisieren. Grundsätzlich kann man im Partnerbereich von Amazon recht einfach Produktlinks erstellen und diese im Blog einfügen. Das war mir für jeden neuen Beitrag auf die Dauer allerdings viel zu aufwendig. Der Link zur Amazon Suchergebnis-Seite sollte also bestenfalls automatisch, oder wenigstens möglichst einfach und schnell mit dem gesuchtem Künstlernamen verknüpft werden.Soviel kann ich schon vorweg nehmen: Es ist mir gelungen! Hört sich stark nach einem Wordpress-Plugin an, ist aber erst einmal „nur“ eine, nennen wir es mal Erweiterung geworden.Da dieses Thema für einen Blogbeitrag zu umfangreich ist werde ich in euch in mehreren Teilen über die Implementierung berichten:

1. Die Idee (dieser Beitrag)
2. Benutzerdefinierte Felder
3. Linkgestaltung
4. Umsetzung

Morgen geht es dann mit Teil 2 ans Eingemachte: Wordpress Erweiterung Tutorial: Benutzerdefinierte Felder.