Nachfolgend eine Anleitung, wie man die Pinnwand einer Facebook-Fanseite in eine Webseite einbindet, die mit Contao administriert wird.
1) Dateien downloaden und Access Token generieren
Die Dateien von
http://www.neosmart.de/social-media/facebook-wall downloaden und entpacken. Bei der Live Demo den Access Token generieren lassen, dazu muss man im Facebook eingeloggt sein.
2) Einstellungen bearbeiten
Die Datei „jquery.neosmart.fb.wall.js“ öffnen. Am Ende der Datei lassen sich die Einstellungen bearbeiten. Die wichtigsten Einstellungen:
id: Name der Fanseite, beispielsweise „fanseite“ bei www.facebook.com/fanseite
accessToken: Den generierten Access Token einfügen
3) Dateien hochladen und einbinden
Für die beiden javascript Dateien unter plugins den Ordner fbwall erstellen. Diese Dateien im entsprechenden Template einbinden:
<script src="plugins/fbwall/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="plugins/fbwall/jquery.neosmart.fb.wall.js" type="text/javascript"></script>
Die css Datei beispielsweise in den Ordner „tl_files/css“ hochladen und einbinden:
<link href="tl_files/css/jquery.neosmart.fb.wall.css" rel="stylesheet" type="text/css"/>
Die beiden Bilder loader-small.gif und like.gif gemäss der css Datei ins richtige Verzeichnis hochladen.
4) javascript im Template einfügen
Folgenden javascript Code in das Template einfügen :
<script type="text/javascript">
$(function(){
$('#fb_wall').fbWall({id:'',accessToken:''});
});
</script>
Den Access Token auch hier einfügen. Für die id
http://graph.facebook.com/fanseite
aufrufen.
5) html einfügen
Im entsprechenden Artikel ein Inhaltselement html erstellen und dort
<div id=“fb_wall“></div>
eintragen.
Das JQuery Mobile Team hat die Beta 1 Version veröffentlicht. Es wurde viel Arbeit in Kompatibilität, Geschwindigkeit und Erweiterbarkeit gesteckt. Die Version 1.0 ist für den späten Sommer geplant. Bis dahin werden weitere Betaversionen in einem höheren Rhythmus veröffentlicht.