2012-05-18 12 views
7

Sono frustrato perché ho passato ore su questo - ci sono anche altri thread su questo qui su SO, ma nessuno di loro ha risolto il mio problema!Perché il pulsante fb-like non appare?

Voglio semplicemente implementare il pulsante fb-like sul mio sito web, www.posti.sh - Mi chiedo perché non funziona?

Ecco il codice che uso, secondo https://developers.facebook.com/docs/reference/plugins/like/ passo a passo:

<div id="fb-root"></div> (directly after the opening body tag) 

e

<div class="fb-like" data-href="http://www.posti.sh" data-send="true" data-width="450" data-show-faces="true"></div> 

dove vorrei che fosse.

Ho anche aggiunto i meta tag in testa.

Qualcuno ha idea del perché non funziona?

Grazie !!

Dennis

UPDATE 1

Ho usato lo strumento di debug fb https://developers.facebook.com/tools/debug e si dice solo l'immagine og non è abbastanza grande - Credo che non dovrebbe essere un problema, però?

risposta

4

Sembra che nel Passaggio 1 del codice HTML5 Like Button manchi la parte che aggiunge effettivamente lo Javascript SDK. Il codice dovrebbe essere:

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'YOUR_APP_ID', // App ID 
     channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File 
     status  : true, // check login status 
     cookie  : true, // enable cookies to allow the server to access the session 
     xfbml  : true // parse XFBML 
    }); 

    // Additional initialization code here 
    }; 

    // Load the SDK Asynchronously 
    (function(d){ 
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement('script'); js.id = id; js.async = true; 
    js.src = "//connect.facebook.net/en_US/all.js"; 
    ref.parentNode.insertBefore(js, ref); 
    }(document)); 
</script> 
+0

fantastico, grazie! funziona, ma devo fornire un ID app e un file channel.html? Non ho neanche ... – weltschmerz

+0

No, secondo [FB.init docs] (https://developers.facebook.com/docs/reference/javascript/FB.init/) tutti gli argomenti sono facoltativi. – freejosh

+0

Grazie mille! – weltschmerz

0

Proprio ora ho risolto un problema simile. Il pulsante simile a FB è stato visualizzato ma non ha funzionato.

Nella mia pagina <div id="fb-root"></div> era in un div con position: relative; css-attributo. Dopo aver rimosso position: relative;, funziona di nuovo.

Problemi correlati