Facebook bietet neben dem \u201eGef\u00e4llt mir\u201c Button auch das sogenannte \u201eLike Box\u201c Plugin an. Voraussetzung f\u00fcr das Facebook Like Box Plugin ist eine vorhande Facebook Marken bzw. Fan Seite. Durch die Einbindung des Facebook \u201eLike Box\u201c Plugins auf die Startseite, haben Besucher Ihrer Webseite, welche noch kein Fan Ihrer Facebook Marken-Seite sind, die M\u00f6glichkeit Ihre Facebook Seite zu „liken“. Vorteil dabei ist, dass Besucher die neuesten Nachrichten Ihrer Facebook Marken Seite lesen k\u00f6nnen ohne eingeloggt zu sein. Zudem erh\u00f6hen sich die Chancen neue Mitglieder f\u00fcr die eigene Marken bzw. Fan Seite zu bekommen. Auch die Anzahl der Mitglieder Ihrer Facebook Marken Seite ist klar ersichtlich.<\/p>\n
Die Like Box ist in drei folgenden Bereichen aufgeteilt:
\n
\n– (Header) Kopf Bereich des Plugins
\n– (Stream) Nachrichten der Markenseite
\n– (Faces) Bilder der Mitglieder mit den entsprechenden Verlinkungen<\/p>\n
Je nach Konfiguration der Like Box k\u00f6nnen bestimmte Bereiche (Header, Stream oder Faces) angezeigt werden.<\/p>\n
Wie bereits am Anfang erw\u00e4hnt ist eine Facebook Marken bzw. Fan Seite Voraussetzung zur Erstellung einer Facebook Like Box. Die Marken (Fan) Seite kann unter dem folgenden Link angelegt werden:<\/p>\n
Facebook Marken bzw Fan Seite registrieren<\/p>\n
Um einen Like Box zu generieren wird der folgende Link sowie die URL der eigenen Marken Seite ben\u00f6tigt:<\/p>\n
– Facebook Developers: Like Box
\n– URL der eigenen Marken Seite, beispielsweise: http:\/\/www.facebook.com\/pages\/Online-Marketing-Solutions-AG\/105960406233<\/p>\n
Die Generierung der Like Box ist genauso einfach wie die Generierung der Like Buttons. Einfach die URL der eigenen Marken Seite unter \u201eFacebook Page URL\u201c eintragen, die entsprechenden Bereiche wie z.B. \u201eshow Faces\u201c, \u201eshow stream\u201c oder \u201eshow header\u201c ausw\u00e4hlen und anschlie\u00dfend auf \u201eGet Code\u201c klicken.<\/p>\n
Im Grunde genommen war\u00b4s das auch schon. Einfach einen der unteren Codes kopieren und an die gew\u00fcnschte Stelle im Quellcode der Webseite einf\u00fcgen und fertig. Um die Deutsche Version zu erhalten m\u00fcsste in dem Script en_US<\/em> in de_DE<\/em> abge\u00e4ndert werden.<\/p>\n Um die Like Box mit der gew\u00fcnschten CSS anpassen zu k\u00f6nnen, muss der eigentliche Code der generiert wurde etwas umge\u00e4ndert werden. Genauer gesagt muss gleich am Anfang des Codes \u201efb:like-box\u201c in \u201efb:fan\u201c abge\u00e4ndert werden. Anschlie\u00dfend ist die Einbindung der eigenen CSS Datei m\u00f6glich. Hierzu wird nun unter CSS=\u201c\u201c der komplette CSS Pfad \u00fcbergeben. Wichtig und zu beachten ist am Ende des CSS Pfades die Variable \u201e?1\u201c! Nach jeder CSS \u00c4nderung muss diese Variable hochgeschraubt werden z.B. \u201e?2\u201c oder nach 12 CSS \u00c4nderungen in \u201e?13\u201c usw. Sollte die CSS Datei ver\u00e4ndert werden jedoch nicht die Variable, dann wird die \u00c4nderung nicht angezeigt bis die Variable um eins hochgeschraubt wurde.<\/p>\n Die Profile-ID kann aus der URL der Marken Seite entnommen werden<\/p>\n Um die gew\u00fcnschten Stellen per CSS \u00e4ndern zu k\u00f6nnen, empfiehlt sich hier der Einsatz von Firebug. Mit diesem Firefox Add-On kann schnell ermittelt werden, welche CLASS oder ID Namen bei welchen stellen verwendet werden. Als Beispiel hab ich hier mal eine kleine CSS \u00c4nderung vorgenommen womit ich den Rahmen der Like Box entfernt, dem Profilbild einen feinen Rahmen verpasst und die Hintergrundfarbe ver\u00e4ndert habe. Auch die Faces habe ich hier ausgeblendet.<\/p>\n Wichtig und zu empfehlen ist die Einbindung der dazugeh\u00f6rige Datenschutzerkl\u00e4rung, da der Webseitenbetreiber sonst eine Abmahnung riskiert! Weitere Infos dazu und Vorlagen f\u00fcr die Datenschutzerkl\u00e4rung finden Sie bei Google: Suche nach „Facebook Social Plugins Datenschutzerkl\u00e4rung“<\/p>\n Verfasst von Arwin Barsekhian<\/p>\n","protected":false},"excerpt":{"rendered":" Facebook bietet neben dem \u201eGef\u00e4llt mir\u201c Button auch das sogenannte \u201eLike Box\u201c Plugin an. Lesen Sie hier alles Wissenswerte zur „Like Box“, unter anderem die Einbindung, Konfiguration und Anpassung.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[35,53],"tags":[33],"yoast_head":"\nFacebook Like box & CSS Anpassung<\/h3>\n
http:\/\/www.facebook.com\/pages\/Online-Marketing-Solutions-AG\/<\/code><\/code>105960406233<\/strong><\/p>\n
\n.fan_box .full_widget {background: none; border:none; border-bottom:1px solid #7F7F7F;}
\n.fan_box .full_widget .connect_top {background-color:#FFFFFF;}
\n.fan_box .profileimage {border:1px solid #CFCFCF; padding:5px; margin: 0 10px 4px 0; background-color:#FFFFFF;}
\n.fan_box .connect_action .name {font-size:12px;}
\n.connections {display:none;}
\n<\/code><\/p>\nFacebook-Plugin Datenschutzerkl\u00e4rung<\/h3>\n