Facebook „like“ Button ohne Plugin in validem HTML in WordPress integrieren

Um einen Facebook “Like”-Button in die WordPress Installation zu integrieren braucht man nicht unbedingt ein Plugin. Mit ein wenig PHP Kenntnissen ist dies problemlos möglich.

 
 
 
1.Schritt: Eigene Facebook User-ID ermitteln

Dazu bitte bei Facebook einloggen!

• Eigene User-ID: apps.facebook.com/whatismyid

2.Schritt: App-ID ermitteln

Dazu auf folgenden Link klicken developers.facebook.com/setup/ und dort eine neue Anwendung anmelden sofern noch nicht geschehen. (Wichtig: Am Ende der eingetragenen URL muss ein Schrägstrich ( / ) angefügt werden damit es funktioniert. Nach klicken auf „erstellen“ kann es ein wenig dauern – Also nicht die Gedult verlieren oder abbrechen.)

Wer bereits eine entsprechende App-ID erstellt hat kann diese hier abrufen: facebook.com/developers

3.Schritt: Meta Tags in die header.php des WordPress Themes einfügen:

USER-ID und APP-ID durch die eigenen Werte ersetzen

 

	
	
	
	
	

4.Schritt: Notwendigen Java-Scripts einfügen

Den folgenden Code kopiert man inneralb des body-Tags. Am Besten in die footer.php vor </ body>
Auch hier nicht vergessen die eigene App-ID einzufügen!

5.Schritt: XFBML Tags in die footer.php einfügen

Die Plazierung erfolg „nach“ dem Facebook JavaScript.




6.Schritt: DIV zur Anzeige des Like Button in die single.php einfügen

Den folgenden Code an die gewünschte Stelle in der single.php einfügen.

So, das war´s auch schon!

Viel Spaß damit!

 

Admin Foto

Hallo, ich bin Lars, IT-Systemkaufmann und Wordpress Fan aus Deutschland. Ich arbeite im Bereich Social Media und Webdesign. Mein größtes Hobby sind meine Kinder die ich über alles liebe und mit denen ich jede freie Minute verbringe.
Du findest mich hier: Google+

1 Kommentar
  1. antworten
    Michael 9. August 2011 um 17:30

    Hi, super Tutorial und funktioniert auch, bei mir leider nur in der singel.php, also in der Einzelansicht der Artikel, aber wie funktioniert das auf der Startseite? Die Abfrage mit if is_singel entfernen bringt das nicht, es wird der Like-Button nur im ersten Post angezeigt. Hättest du dafür auch eine Lösung? Wäre echt super.

    Viele Grüße

Schreib´ einen Kommentar


IDEEcon News, Lösungen & Tipps - iOS & Android Apps