blogspot Tricks - Facebook Seite direkt mit Blog verbinden - Fan werden (LIKE) direkt im Blog - Likebox

geschrieben von | Sonntag, August 22, 2010 57 Kommentare
Wer für seinen blogger bzw. blogspot Blog eine eigene Facebookseite angelegt hat, der möchte natürlich auch, dass möglichst viele Leute dieser Seite folgen, oder wie es bis vor kurzem noch hieß, Fan der Seite werden.

Der Vorteil daran? Alles, was ihr auf der Facebookseite eures Blog veröffentlicht, landet automatisch auf den Startseiten all derer, die irgendwann einmal auf LIKE bzw. GEFÄLLT MIR geklickt haben, und damit Fan der Seite geworden sind. Der aufregende Blog nutzt das z.B. um alle neuen Artikel automatisch bei seinen "Fans" anzukündigen, diese können dann, wenn Interesse am Artikel besteht, direkt mit nur einem klick hier zum Blog gelangen.

Im Gegensatz zum GEFÄLLT MIR Button direkt unter jeden einzelnen Artikel (hier erklärt), welcher nur einen kleinen Hinweis auf den entsprechenden Bericht ins Facebookprofil postet, wird hiermit also eine feste und dauerhafte Verbindung zwischen dem Blog und den Facebooknutzern erstellt. Ihr selbst, als Betreiber, bestimmt dann, was zu den Fans an Informationen gelangt.

Um nicht darauf angewiesen zu sein, dass die User einen erst bei Facebook suchen müssen, kann man mit einem kleinen Gadget diese Funktion direkt in seinen blogspot-Blog einbauen. Bei uns seht ihr das Ergebnis rechts oben in der Sidebar. Dort wird angezeigt, wie viele User sich schon mit dem aufregenden Blog verbunden haben, und von denen, die dies in ihren Einstellungen zugelassen haben auch die Profilbilder. Außerdem gibt es dort einen Button GEFÄLLT MIR, mit dem sich jeder weitere (also auch Du), mit nur einem Mausklick direkt mit uns verbinden kann. Hat sich der User vorher bereits bei Facebook eingeloggt, dann muss er hierfür nicht einmal den Umweg über Facebook machen. Einmal geklickt, und sofort kommen alle News von uns automatisch auf seine Startseite.

Wie ihr das automatische Posten von euren Beiträgen auf eure Facebookseite einstellen könnt, haben wir euch hier erklärt, heute und hier geht es darum, das Gadget in die Sidebar eures blogger, bzw. blogspot Blogs zu bekommen. Voraussetzung dafür ist allerdings, dass ihr euch bei Facebook bereits eine Seite für euren Blog angelegt habt. Wenn ihr diese Seite besucht, seht ihr oben in der Adresszeile u.a. eine mehrstellige Zahlenfolge, die ID eurer Seite bei Facebook. Diese Zahlenkolonne (und nur die, der Rest interessiert nicht) merkt euch bitte, kopiert sie in die Zwischenablage oder schreibt sie euch irgendwo auf.

UPDATE: Es hat sich inzwischen einiges bei Facebook geändert, so wird die eben erwähnte Zahlenkolonne nur noch in einigen Links mit angezeigt, ansonsten durch Euren Seitennamen ersetzt. Wenn ihr allerdings diesen Link hier anklickt und EUERSEITENNAME gegen eben Euren Seitennamen austauscht, erhaltet ihr einige Infos zu Eurer Seite, u.a. die geforderte Zahlenreihe. Die steht dann hinter "id": (Vielen Dank für den Tipp an Ivana Gavranovic)

Um das Ganze nun in eure Sidebar zu bekommen, loggt euch in euer Dashboard bei blogspot ein und geht in den Bereich DESIGN. Dort klickt ihr in der Sidebar auf GADGET HINZUFÜGEN und wählt im aufpoppenden Fenster HTML/JavaScript als Form für das Gadget aus. Es öffnet sich dann ein kleiner Editor mit dem Titel HTML/JavaScript konfigurieren. In die obere Zeile könnt ihr einen Titel eingeben, dieser würde dann später als Überschrift über der kleinen Facebook Likebox stehen, falls euer Template das unterstützt. Ihr könnt das Feld aber auch getrost leer lassen.

In das große Eingabefeld CONTENT kopiert ihr folgenden Inhalt:
<center><br /><iframe src="http://www.facebook.com/plugins/likebox.php?id=EUREZAHLENKOLONNE&amp;width=350&amp;connections=10&amp;stream=false&amp;header=false&amp;height=280" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:280px;" allowtransparency="true"></iframe></center>
Wobei ihr das Wort EUREZAHLENKOLONNE mit eurer gemerkten Zahlenkolonne ersetzt. Dann klickt ihr auf SPEICHERN und das war es auch schon. Die Likebox ist somit in eurem Blog, wir werden sie jetzt nur noch ein wenig aufhübschen, also eurem Design anpassen, dass sie da auch wirklich hineinpasst.

Dazu kümmern wir uns als erstes um die Breite der Box. Ihr habt dazu am besten 2 Tabs in eurem Browser offen. In einem seht ihr das, was wir die ganze Zeit schon sehen, in dem anderen lasst ihr euch euren Blog anzeigen. Dort werdet ihr jetzt entdecken, dass die Box entweder zu breit, oder zu schmal ist. Mit einem Klick auf BEARBEITEN des entsprechenden Gadgets (auf der Designseite des Dashboards) könnt ihr das Popup nun wieder öffnen und verändern. Für die Breite der Box spielt ein wenig mit den Werten für width herum, bis es von der Breite in euer Template passt. Verändert aber bitte nur die Zahl, kein = kein ; oder sonstwas. Und ändert immer beide Werte gleichermaßen, in unserem Beispiel die 350. Ändert ihr eine davon, dann ändert unbedingt auch die andere.

Als nächstes ist die Höhe der Box dran. Die verändert ihr mit den Werten für height (im Beispiel 280). Auch dieser Wert ist zweimal vorhanden, auch hier ändert bitte immer beide. Und nicht vergessen, jede Änderung abspeichern und im Blog schauen, was sich verändert hat. Bei der Höhe solltet ihr darauf achten, dass immer komplette Profilbilder angezeigt werden und diese nicht in der Hälfte abgeschnitten werden. Womit wir auch schon bei den Bildern wären. Wieviele davon in eurer Box angezeigt werden, stellt ihr mit dem Wert connections ein. Statt der angegebenen 10 könnt ihr dort auch alles andere angeben. Gibt es weniger "Fans", die das zulassen, dann bleiben die entsprechenden Bereiche leer, nach und nach werden die sich aber füllen, je mehr Leute sich mit euch verbinden. Welche (10) Bilder dort angezeigt werden, bestimmt der Zufall.

Das war es dann auch schon mit der Einrichtung. WO das Gadget in eurem Blog angezeigt wird, könnt ihr im Designbereich auch noch bestimmen. Das entsprechende Gadget einfach mit der Maus dorthin schieben, wo ihr es haben wollt, hinterher nur noch abspeichern.

Weitere Tipps und Tricks zu blogspot gibt es hier im aufregenden Blog oder bei Blogspot Tricks.

57 Kommentare:

Die kleine Lady hat gesagt…

"Wie ihr das automatische Posten von euren Beiträgen auf eure Facebookseite einstellen könnt, werden wir zu einem späteren Zeitpunkt einmal erklären"

Wann denn??? Würde mich gerade sehr interessieren :-)
Vielen Dank & Grüße

Davecash hat gesagt…

vielen vielen dank!!!

is es vlt noch möglich das dieser button unten neben der shareleiste in jeden beitrag angebracht ist?
sieht irgendwie blöd aus mittem im bild....

Davecash hat gesagt…

wie kann ich alle meine neu geposteten blogeinträge auch auf meiner facebook fanpage posten?

Aufreger hat gesagt…

Mitten im Bild? Wenn Du das Gadget so eingebaut hast, wie es hier beschrieben ist, dann ist es in der Sidebar gelandet. Du kannst im Designbereich Deines blogspot-Blogs das Gadget aber hinschieben, wo immer Du willst, wo es Dir gefällt und wo es Dein Template zulässt.

Aufreger hat gesagt…

Wenn Du Deine Facebookseite unter deinem normalen Account eingerichtet hast, dann besuche direkt auf Facebook die Applikationen "NetworkedBlogs" oder "RSS Graffiti". Mit beiden kannst Du automatisch Deinen Blog auslesen und auf Deine Fabseite posten lassen, wobei RSS Graffiti beim einrichten etwas einfacher ist. Letztendlich machen aber beide das selbe.

mipo hat gesagt…

Das automatische Posten von Blogspot-Beiträgen auf Facebook würde mich auch interessieren!

Weiß einer mehr?

Peter hat gesagt…

Würde mich auch sehr interessieren!

DrewJosh hat gesagt…

Schau mal hier vorbei :)
http://drewjosh.blogspot.com/2011/04/blog-mit-facebook-seite-verbinden.html

DrewJosh hat gesagt…

Schau mal hier vorbei :)
http://drewjosh.blogspot.com/2011/04/blog-mit-facebook-seite-verbinden.html

DrewJosh hat gesagt…

Ich habe jetzt ein kleines Tutorial zu RSS Graffiti geschrieben:
http://drewjosh.blogspot.com/2011/04/blog-mit-facebook-seite-verbinden.html

sommerklang hat gesagt…

In meinem Blog erscheint "Plugin cannot be rendered with the specified parameters."
Was habe ich falsch gemacht? Bin für jeden Tipp dankbar!

Gruß & Dank
vom Sommerklang

Aufreger hat gesagt…

Ohne Link zu Deinem Blog kann ich da gar nichts tippen, oder ich könnte als Hellseher mein Geld verdienen ;)

sommerklang hat gesagt…

sorry: http://sommerklang.blogspot.com

Sybu hat gesagt…

was ist meine gewählte zahlenkolonne?

Aufreger hat gesagt…

Das kann ich dir nicht sagen. Wie du an sie heran kommst steht aber im Text.

Aufreger hat gesagt…

Ähnlich wie bei deiner anderen Frage. Bitte exakt an die Einbauanleitung halten, dann klappt es auch mit deinem Designtemplate!

Peter hat gesagt…

Ich stehe etwas auf dem Schlauch. kann es sein, dass du widget meinst und nicht gadget? Gadgets gibts bei wordpress doch gar nicht.
Bei mir im Wordpress gibts auch keinen Reiter "Widget/Gadget hinzufügen".
Einfach nur Widget, und da zieht man dann einen schon vordefinierten in die Sidebar. Ist das damit gemeint? Kann nirgend wo bei mir "html/javascript"  bei mir angeben.

Aufreger hat gesagt…

Ich kann Dir nicht sagen, wie es bei WordPress heißt. Dieser Blog hier läuft mit blogspot (blogger.com), der Beitrag bezieht sich auf blogspot (blogger.com), in der Überschrift und der Grafik steht blogspot (blogger.com) und bei blogspot heißt es GADGET ;)

Udo Seelhofer hat gesagt…

Blöde Frage: Ich habe die Box genauso eingerichtet, wie sie hier beschrieben wird. Dennoch scheint irgend etwas damit nicht zu funktionieren. Wenn jemand darauf klickt, wird dies schlicht und ergreifend nicht angezeigt, die Box bleibt leer. Hier ist die URL zu meiner Website: http://trugbilder.blogspot.com und hier die zur Facebookseite: http://www.facebook.com/pages/Alltagshirngespinste/149210851837387

SV hat gesagt…

die zahlenkollone finde ich auch nicht.
Könnte da jemand etwas mehr dazu sagen?
sorry. aber ich bin ein beginner. ist das der Benutzername bei fb?

nc-pr hat gesagt…

Wir bauen gerade einen Blog für ein Reinigungsunternehmen schaut mal rein und gebt euren Senf ab!
http://www.nobleclean.at/blog

N Schollmeyer hat gesagt…

wo erhalte ich meine Zahlenkolonne?

Aufreger hat gesagt…

Wenn Du Deiner Seite inzwischen einen Namen vergeben hast, siehst du die Zahl nur noch an vereinzelten Links. Wie heißt denn deine Seite bei Facebook? Ich such sie dir raus, ehe ich das Ganze umständlich nochmal zu erklären versuche.

N Schollmeyer hat gesagt…

wow  - ich habe jetzt erst nach einer Antwort von Dir geschaut - dachte nicht das es so schnell geht:-) Ich habe zwei Blogs erstellt. Danke für Deine Hilfe: synpoints-trainings.blogspot.com the-arts-of-spirit.blogspot.com

Aufreger hat gesagt…

Also auf Deinen Blogs finden sich die "Zahlenkolonnen" bestimmt nicht - die gehören ja zur jeweiligen Facebookseite. In sofern musst Du mir schon die Facebookseiten nennen und nicht die Blogadressen.

N Schollmeyer hat gesagt…

Natascha Iris Schollmeyer und Synpoints Trainings

Aufreger hat gesagt…

Deine private Seite ist keine "Seite" im Sinne dieser Anleitung. Synpoints hat folgende ID: 311525262206610

N Schollmeyer hat gesagt…

Danke - würdest Du bitte meinen Zahlencode von dieser Seite hier löschen - danke Dir

Aufreger hat gesagt…

Der Code ist nichts geheimes. Der hängt, wie oben im Artikel beschrieben, an jedem Link deiner Seite bei Facebook an. Er ist also für jeden ersichtlich! Fahr mal mit der Maus über irgendeinen Link auf deiner Facebookseite, dann siehst Du ihn unten im Browser. Er ist also Bestandteil der Adresse mit der man überhaupt auf deine Seite kommt!

N Schollmeyer hat gesagt…

ok Danke

Ida Morgenstern hat gesagt…

WOW Leute, ich bin echt glücklich euch gefunden zu haben -^^-
Das ist alles eine Große Hilfe^^
Vielen lieben Dank

Liebe Grüße,
Ida-Alice
http://wolkenspiegel.blogspot.com/

Kleineslieschen hat gesagt…

Super, vielen Dank für die Anleitung! LG vom KleinenLieschen

divine deFine hat gesagt…

ein wunder ist geschehen - bei mir funkt es ENDLICH!
vielen dank!
http://divinedefine.blogspot.com/

Christina's Catchy Cakes hat gesagt…

Und plötzlich war es ganz einfach diesen Button auf meinen Blog zu bekommen..... VIELEN DANK!!!

Frauflamingo hat gesagt…

hallo, ich habs echt versucht, aber das ganze wird nicht angezeigt. es ist so, dass das feld zwar da ist, und der platz dafür auch vorgegeben, aber angezeigt wird nichts. hab also ne große weiße lücke auf der seite. was mach ich falsch???

Aufreger hat gesagt…

 Ohne Link kann ich mir das nicht ansehen und müsste stattdessen HELLsehen ;)

 es geeeeht viel einfacher: facebook oben eingeben rss grafitti genehmigen beta 2.0 webseite besuchen blog-url eingeben facebook seite eingeben und fertig ohne diesen ganzen quatsch

Sarah Heß hat gesagt…

Huhu



https://www.facebook.com/TahleesLounge

Der Link zu meiner Seite aber ich habe leider keine Zahlenkombi?!

Aufreger hat gesagt…

1. schreiben wir hier keinen Quatsch, sondern verständliche step-by-stap Anleitungen
2. wird man aus deiner Anleitung nicht wirklich schlau, wenn man nicht weiss, was man machen soll
3. hat RSS Graffiti mit dieser Anleitung (Facebook Likebox) nicht das geringste zu tun
4. dennoch DANKE für deinen Versuch uns zu unterstützen und unseren Lesern zu helfen.

Aufreger hat gesagt…

 Müsste die 400362366641491 sein...

Ella Kruetzfeld hat gesagt…

Heyho :) die Anleizung ist ja wirklich super verständlich, aber aus irgendeinem Grund hängt bei mir oben an der Seite kein Zahlencode. Hier mal meine Seite: http://www.facebook.com/firstpursuitofhappiness

Aufreger hat gesagt…

 Versuchs mal mit 302354066501222

Jacklyn Mandel hat gesagt…

 mit einem bisschen rum probieren hab ich es tatsächlich geschafft danke :)
Aber ist das normal das einiger profilbilder doppelt angezeigt werden?

LG Jacky

Ella Kruetzfeld hat gesagt…

vielen Dank! Hat endlich geklappt ! :) 

Ivana Gavranovic hat gesagt…

Ich brauche meine Zahlenkolonne :-/
Kannst Du sie mir auch aussuchen oder erklären wo das ist? In dem obigen Artikel steht das leider nicht drin.

hier ist meine FB-Seite:

https://www.facebook.com/IvanasBeautyblogBeautyseekerIvanablogspotcom

Aufreger hat gesagt…

Früher war das einfacher, heute ging es bei einigen Links noch, dass man das findet. Diese Seite von Dir ist aber definitiv der bessere Weg, werde das demnächst mal oben in den Text mit einbauen. Danke für den Hinweis!

Kleinesnaehkaestchen hat gesagt…

Hallo vielen lieben dank für die tolle Anleitung. Allerdings hänge ich beim genauen einrichten der Box.
kleines-naehkaestchen.blogspot.de
Sie müsste etwas schmaler und kleiner werden, kriege es aber nicht hin.

Rabea hat gesagt…

Ich finde bei mir auch nicht denn richtigen Zahlencode( https://www.facebook.com/MaedchenDenken )
Sonst, echt gut erklärt!
LG Rabea

Rabea hat gesagt…

 Hat sich erledigt

Aufreger hat gesagt…

 284003698375031

Aufreger hat gesagt…

 http://www.deraufreger.de/2011/07/blogspot-tricks-blogartikel-automatisch.html

Fatima Günenc hat gesagt…

Das war echt hilfreich.. Vielen Dank

Regina hat gesagt…

Ich bin eurer Anleitung gefolgt, aber meine Facebookseite ist auf meinem Blog nur dann sichtbar wenn ich auch gleichzeitig bei Facebook angemeldet bin. Sobald ich mich bei Facebook abmelde verschwindet auch das Widget von meinem Blog. :o( http://haekelschick-und-lebensart.blogspot.de/

Aufreger hat gesagt…

Sorry, nicht nachvollziehbar. Haben den Button hier genauso eingebunden und er erscheint auch, wenn man nicht bei FB eingeloggt ist. Ein Klick auf den Button öffnet dann ein Popup zum anmelden bei FB.

Regina hat gesagt…

Bei mir wird die Box auf dem Blog nur dann angezeigt wenn ich selber bei Facebook eingeloggt bin. Sobald ich mich dort auslogge verschwindet auch die Box vom Blog. Wie kann ich das ändern, so dass die Box IMMER angezeigt wird?

Aufreger hat gesagt…

Kann ich so nicht nachvollziehen. Unsere Box hier sehe ich, egal ob ich eingeloggt bin oder nicht. Ohne Link zu Deinem Blog kann ich da auch nicht wirklich mehr zu sagen sondern müsste ins Blaue raten.

Cäcilia Voigt hat gesagt…

Sehr hilfreich, vielen Dank!

Bitte benutzt die Funktion anonym nur in Ausnahmefällen - die Einstellung Name/URL kann auch ohne URL genutzt werden, ist persönlicher und dennoch anonym. Danke!