Pulsante simile a Facebook reso con larghezza 0 e altezza 0?

Sono nuovo di Facebook API, quindi non so se questa è una domanda per principianti. Quello che ho fatto è che ho seguito dopo Quick Start Pulsante simile a Facebook reso con larghezza 0 e altezza 0?

ho messo il seguente frammento al tag di apertura di <body> (con il mio-app-id sostituito, ovviamente)

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'your-app-id', 
     xfbml  : true, 
     version : 'v2.3' 
    }); 
    }; 

    (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 = "http://connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script>

e ho il seguente frammento al posto dove vorrei il pulsante mi piace appaia:

<div 
    class="fb-like" 
    data-send="true" 
    data-width="450" 
    data-show-faces="true"> 
</div>

questo è il risultato del rendering:

<div class="fb-like fb_iframe_widget" 
    data-send="true" 
    data-width="450" 
    data-show-faces="true" 
    fb-xfbml-state="rendered" 
    fb-iframe-plugin-query="..."> 
    <span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;"> 
     <iframe name="f246b6fae4" width="450px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:like Facebook Social Plugin" src="..">...</iframe> 
    </span> 
</div>

Ho omesso la query e la parte src. Non capisco perché ha reso con larghezza 0 e altezza 0. Sia il genitore che il sé div non sono in stile da nascondere. Per favore dimmi cosa sto sbagliando?

fonte

2015-05-28 user4643472

Mostrare un esempio reale, verificabile/attivo, senza omettere parti che potrebbero essere cruciali. – CBroe

Puoi fornire un link al tuo pulsante Mi piace? Questo renderà molto più facile vedere se stai facendo qualcosa di sbagliato. –

E 'possibile che lo hai reso in una parte nascosta della pagina? Vedi questo problema correlato: [http://stackoverflow.com/questions/12291017/facebook-like-buttons-not-displaying-when-loaded-hidden](http://stackoverflow.com/questions/12291017/facebook-like -buttons-non-visualizzazione, quando caricato-nascosto). – DRosenfeld

E 'difficile dare una risposta senza vedere l'intero codice, ma può essere per i seguenti motivi:

Si utilizza http invece di https ea causa di questo, Facebook non permette la richiesta di passare attraverso . L'esecuzione dello script dà il seguente errore nella console del browser su esecuzione:

contenuto misto: La pagina all'indirizzo 'https://jsfiddle .net/v98vq53r /' è stato caricato tramite HTTPS, ma ha chiesto uno script insicuro 'http://connect.facebook.net/en_US/sdk.js'. Questa richiesta è stata bloccata; il contenuto deve essere pubblicato su HTTPS.

fonte

2017-05-17 07:22:57

Deve essere un commento non risposta. – geminiousgoel

Ah capisco, @geminiousgoel grazie mille per il feedback. Sembra che io abbia bisogno di 50 reputazione per poter commentare le domande degli altri, motivo per cui non ho potuto commentare la sua domanda. –

se si pubblica un collegamento diretto in risposta, si converte in commento. Puoi leggere la documentazione. Non ti sto pizzicando, condividendo solo lo scopo. – geminiousgoel

Pulsante simile a Facebook reso con larghezza 0 e altezza 0?

risposta

Problemi correlati