Facebook comment box (billed)

Har du kigget på facebook?

https://developers.facebook.com/docs/guides/web/

https://developers.facebook.com/docs/reference/plugins/like/

I stedet "verb to use" vælger du recommend.

Tryk getcode, når du er færdig, og copy/paste den ind.

i ex html5 eksemplet, fjerner du endten "data-href", så tager den automatisk siden du er på, eller også fodre du data-href med sidens url adresse - altså lettere at lade den være tom.

Når en bruger så trykker "anbefal", postes det på hans væg, brug Open graph metatags til selv at bestemme hvad der postes, ellers tager den bare sidens title, et udpluk, og forsøger at finde det bedste billede, ofte med mulighed for at scrolle igennem sidens mulige billeder.

Her er mit kode, brugt på http://www.nrgielsalg.dk/?ss=ss

Du retter bare til.

 <style type="text/css">
     #SocialBar li{float:left;list-style-type:none;margin:0px;padding:0px;}
 #SocialBar{float:right;margin-top:33px;}
 #topholder{height: 110px;}
     </style>
 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 <div id="fb-root"></div>
 <script type="text/javascript">    (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/da_DK/all.js#xfbml=1";
         fjs.parentNode.insertBefore(js, fjs);
     } (document, 'script', 'facebook-jssdk'));    
     </script>
 
 <ul id="SocialBar">
 <li>
 
 <div class="fb-like" data-href="https://www.facebook.com/mereNRGi" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>
 </li>
 <li>
 <div class="fb-like"  data-send="false" data-layout="button_count" data-width="55" data-show-faces="false" data-action="recommend"></div>
 </li>
 <li>
 <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="nrgi">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
 </li>
 
 <li style="padding-left: 10px;">
 <g:plusone size="medium"></g:plusone>
 </li>
 </ul>
 </div>

Det hedder en "recommend", og kig på open graph protokol, mht til billeder.

/J

Har kigget på både https://developers.facebook.com/docs/guides/web/ og open graph protokol men kan ikke få det til at virke kunne en ikke prøve at komme med et eksempel på hvordan det kunne gøres?

På forhånd tak.

husk at brug facebooks URL Linter når du tester, da de cacher siden hver gang du tester.. (hvis du bruger den normale share function)

http://developers.facebook.com/tools/debug

ved dog ik om det er helt det samme, når boxen er på din side.