Web- und Software Development

Facebook Like Button + Status kombinieren

Written By: Mario Priebe - Aug• 21•10

Bei Prometeo habe ich gefunden, wie man den Like Button im Blog um die Funktion der Statusaktualisierung erweitern kann. Nun kann ich zusätzlich zum “Ich mag den Artikel” auch gleich noch ein Kommentar dazu mit abgegeben, welcher dann als Status auf deiner Facebook Pinnwand erscheint. Verwendet wird hier die Facebook Markup Language kurz FBML (Developers Guide)

Um den Facebook Like – Status-Button einzubinden sind folgende Schritte notwendig:

Eine Facebook API-Key beantragen: http://developers.facebook.com/setup/ hier bitte darauf achten, dass man bei der Domain die man dort angibt ein abschließenden Slash mit angibt, ansonsten gibt es eine Fehlermeldung: Also www.domain.de/

Des Weiteren benötigt man seine FacebookId. Die schnellste Möglichkeit an diese heranzukommen ist über die Anwendung What is myID.

Hat man beides zur Hand, nur noch folgenden Codeschnipsel setzen:

Header (innerhalb head)

1
2
3
4
5
6
7
<?php if ( is_single() ) : ?>
<meta property="fb:admins" content="YOUR.FACEBOOK.ID" />
<meta property="fb:app_id" content="YOUR.API.KEY" />
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:title" content="<?php echo get_the_title(); ?>" />
<meta property="og:type" content="article" />
<? endif; ?>

Footer (vor ende body)

1
2
3
4
5
6
7
8
9
10
<?php if ( is_single() ) : ?>
<div id="fb-root"></div>
 
<script src="http://connect.facebook.net/de_DE/all.js" type="text/javascript"></script>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: 'YOUR.API.KEY', status: true, cookie: true, xfbml: true});
}
</script>
<?php endif; ?>

an gewünschte Ausgabestelle (z.b. single.php – falls an anderer Stelle if is_single anpassen)

1
<fb:like href="<?php the_permalink() ?>" layout="standard" show_faces="false" width="300" action="like" colorscheme="light" font="trebuchet ms"></fb:like>

Das wars auch schon, bei mir im Blog läuft das ganze schon, also einfach mal ausprobieren.

Was n bissle spackt, dass der irgendein Bild im Status verwendet, wie man darauf Einfluss hat weiss ich leider noch nicht. Wenn es jemand heraus bekommt bitte unbedingt in die Kommentare damit : )


Ähnliche Beiträge

You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.