Hallo,
ich weiss - es wurde schon viel zu dem Thema geschrieben und ich habe auch schon viel gelesen und versucht. Leider bin ich immer noch nicht weiter und ich hoffe sehr, dass mir hier jemand helfen kann.
Das Thema ist eigentlich recht simple:
Ich möchte einen Like-Button auf einer Webseite zum laufen bringen und das mit XFBML und Open Graph.
Nachdem ich mir diverse Webseiten dazu angesehen habe bin ich dann heran gegangen und habe erstens die erforderlichen Meta-Tags für das Open Graph Protokoll auf meine Seite eingebunden (mit App-ID und admin-ID)
(Die Nummern habe ich hier mal nicht ganz ausgeschrieben - in der Seite sind sie natürlich korrekt vorhanden)
<meta property="fb:admins" content="10000014*****"/>
<meta property="fb:app_id" content="50978032*****" />
<meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
<meta property="og:title" content="<?php echo get_the_title(); ?>" />
<meta property="og:description" content="<?php bloginfo( 'description' ); ?>"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://karlsson-guesthouses.com"/>
<meta property="og:image" content="http://karlsson-guesthouses.com/wordpress/wp-content/themes/karlsson_20_12/images/Cliffhanger_Cottage/thumbs/t_Cliffhanger_FrontView_320x240.jpg"/>Danach habe ich mir unter developers.facebook.com/docs/plugins/like-button/ einen Button von Facebook generierne lassen.
Da bekommt man ja dann diverse Code-Schnippsel und es wird einem gesagt, wo und wie man die einzubinden hat. Das habe ich dann auch frohen Mutes getan:
<html xmlns:fb="http://ogp.me/ns/fb#" <?php language_attributes();?>>
...
<body <?php body_class(); ?>>
<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&appId=509780329*****";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
...
<fb:like href="http://karlsson-guesthouses.com/" layout="button_count" action="like" show_faces="false" share="true"></fb:like>In freudiger Erwartung habe ich dann meine Seite gestartet.
Der Button war da und ich habe in geklickt.
Danach kam dann aber nicht die erwartete kleine Box, in die man dann noch einen Kommentar schreiben kann sondern ein relative grosses Fenster, dass aber gleich darauf auch schon wieder verschwand.
Ich habe dann den Facebook-Account eines Freundes geöffnet und die Enttäuschung war groß:
Auf seiner Pinnwand war nichts von mir zu sehen!!!
Jetzt schlage ich mich schon seit einigen Tagen mit dem Thema herum und komme einfach nicht weiter. Ich habe es auch schon mit anderen Button-Versionen (HTML 5, IFrame) probiert - kein Erfolg.
Ich habe auch schon mal den OpenGraph Debugger befragt. Dort schien aber alles ganz ok zu sein:
Was läuft hier falsch? Es kann doch nicht so schwierig sein, denn diese Buttons sieht man doch überall.
Gruß Andreas!
