TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » TypoScript » Sonstiges

Tutorial/Howto: Facebook like buttons und Kommentare


Autor Nachricht
Verfasst am: 30. 01. 2012 [13:30]
miwalder
Dabei seit: 30.03.2009
Beiträge: 5
 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:
TYPOSCRIPT
page.includeJS.file1 = fileadmin/template/facebook.js

Dann kann man z.B. einen Marker definieren und diesen wie folgt füllen:
TYPOSCRIPT
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:

TYPOSCRIPT
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.


[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 30.01.2012 um 20:58.]
Profil