Tutorials von Thomas Frei-Herrmann

Facebook Plugin als Comments - Datenschutzerklärung

im April 2012

Diese Kommentare beziehen sich auf meine “Hilfe-Seite” zu NOF im Allgemeinen und zeigen als Link immer meine Übersichtsseite “Themen”.

Wenn Ihr einen “Facebook - Comments” Plugin auf Eurer Seite einbauen wollt, dann könnt Ihr Kommentare von Facebook-Benutzern zu Eurer Seite direkt auf Eurer Homepage anzeigen und eintragen lassen. Diese sehen dann Benutzer und diejenigen, die bei Facebook angemeldet sind, können auch Kommentare hinterlassen.

Geht dazu zunächst auf diese Seite von Facebook

http://www.facebook.com/

und klickt dann ganz unten auf den Link “Entwickler”. Klickt anschließend in diesem Fenster (oben) auf “Dokumente” und weiter auf
 “Social Plugins” und weiter auf “Comments”.

Dort tragt Ihr die URL, auf die sich dieser Kommentar beziehen soll, ein. Ich habe hier meine Seite “Themen” eingetragen.

Nun könnt Ihr verschiedene Optionen wählen, wie z.B. die Anzahl der anzuzeigenden Kommentare (ich habe hier 5 gewählt) und die Breite bestimmen. Wenn Ihr fertig seid, dann klickt ganz unten auf den Button “Get Code”. Ich habe hier dann die Variante “HTML5” (als Skripte) gewählt

Ihr erhaltet 2 Skripte.

Das obere Skript kopiert Ihr und fügt es in die HTML des Layouts ein.

> Layout markieren > Fenster “Layout-Eigenschaften” > Button “HTML” > ”Beginn des Haupttextes”

und den bereitgestellten Code einfügen, der dann so aussieht:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Das untere Skript ist ein DIV-Container, den Ihr an beliebiger Stelle in die HTML eines Textfeldes kopiert.

Dazu den bereitgestellten Code in den HTML-Code Editor eines Textfeldes kopieren und fertig.

> Textfeld aufziehen (Cursor blinkt im Textfeld) > im Fenster “Text-Eigenschaften” 2. Button “Textfeld” > Button “HTML” und Code einfügen.

So sieht dieser DIV-Container meiner Seite hier aus, in dem ich meine Seite “Themen” als Ziel eingetragen habe:

<div class="fb-comments" data-href="http://www.tommyherrmanndesign.com/nof/html/themen-liste.php" data-num-posts="5" data-width="890"></div>

Um Euren Kommentar abzugeben, müsst Ihr Euch dann mit Euren Benutzerdaten bei Facebook anmelden.

Viel Spaß !