Facebook bietet verschiedene Plugins z.B. Like buttons, fb kommentare, subscriptions etc. Die man jeweils dynamisch in eine Typo3-Seite einbauen kann. Im obigen Link bietet Facebook Tools an wie man die Plugins gestalten kann. Den Javascript Code kann man dann in eine .js Datei kopieren (Achtung <script> Tags vollständig entfernen) und dann mit TS einbinden:
page.includeJS.file1 = fileadmin/template/facebook.js
Dann kann man z.B. einen Marker definieren und diesen wie folgt füllen:
FACEBOOK = COA_INT
FACEBOOK {
10 = TEXT
10.typolink.parameter.data = TSFE:id
10.typolink.returnLast = url
10.dataWrap = {TSFE:baseUrl}|
10.rawUrlEncode = 1
wrap = <div class="fb-like" data-href="|" data-send="true" data-layout="box_count" data-width="150" data-show-faces="false" data-font="arial"></div>
}
Das wrap am Ende muss natürlich mit dem Code gefüllt werden, der Facebook im Tool ausgibt. Wobei das | für den Link zu deiner Seite steht. Das erwähnte Beispiel ist zu sehen auf www.oxapampa.biz
Für die Kommentarbox kann man das genauso machen. Es ist auch ohne weiteres möglich mehrere Plugins auf einer Seite einzubauen, denn das Javascript ändert sich nicht. Möchte man die Kommentarbox aber mit tt_news einsetzen muss das Typoscript weiter angepasst werden. Sonst wird die ID der News nicht im Link übermittelt und wenn jemand nachher bei Facebook auf den Kommentar klickt wird das Newsdetail nicht angezeigt, sondern nur eine leere Seite. Das TS muss dann folgendermaßen lauten:
page.10.marks {
FACEBOOKCOMMENT = COA
FACEBOOKCOMMENT {
wrap = <div class="fb-comments" data-href="http://www.oxapampa.biz/cms/| " data-num-posts="5" data-width="440"></div>
5 = TEXT
5.data = page:uid
5.wrap = index.php?id=|&
5.required = 1
10 = TEXT
10.data = GP:tx_ttnews | tt_news
10.wrap = tx_ttnews[tt_news]=|
10.required = 1
20 = TEXT
20.data = GP:cHash
20.wrap = cHash=|
20.required = 1
}
}
Diesen Schnipsel, dann man z.B. in ein Extension-Template der Detailseite der von tt_news einfügen. Nun können die Besucher mit ihrem Facebook-Konto News kommentieren.