Facebook jak przycisk renderowany z 0 szerokości i 0 wysokości?

Jestem nowy na facebooku API, więc nie wiem, czy to jest pytanie dla początkujących. Co zrobiłem to ja poszedłem po Quick Start Facebook jak przycisk renderowany z 0 szerokości i 0 wysokości?

umieścić następujący fragment przy otwartym tagu <body> (z moim app-id zastąpione, oczywiście)

<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>

i mam następujący fragment Pod miejsce, gdzie chcę przycisk jak się pojawiają:

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

jest to wynik renderowania:

<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>

Pominąłem zapytanie i część src. Nie rozumiem, dlaczego był renderowany z 0 szerokości i 0 wysokości. Zarówno div rodzicielski, jak i self div nie są stylem ukrytym. Proszę powiedz mi, co robię źle?

Źródło

2015-05-28 user4643472

Proszę pokazać rzeczywisty, możliwy do przetestowania/na żywo przykład, nie pomijając części, które mogą mieć kluczowe znaczenie. – CBroe

Czy możesz podać link do swojego przycisku Like? To znacznie ułatwi sprawdzenie, czy robisz coś źle. –

Czy to możliwe, że renderowałeś go w ukrytej części strony? Zobacz ten powiązany problem: [http://stackoverflow.com/questions/12291017/facebook-like-buttons-not-displaying-when-loaded-hidden](http://stackoverflow.com/questions/12291017/facebook-like -buttons-not-displaying-when-loaded-hidden). – DRosenfeld

Trudno dać odpowiedź, nie widząc cały kod, ale może to być ze względu na następujące:

Używasz http zamiast https i ze względu na to, Facebook nie pozwala żądania przejść przez . Uruchamianie skryptu daje następujący błąd w konsoli przeglądarki po biegu:

mieszanej zawartości: strona w „https://jsfiddle .net/v98vq53r /” został załadowany przez HTTPS, ale o niepewnego scenariusza „http://connect.facebook.net/en_US/sdk.js”. To żądanie zostało zablokowane; treść musi być obsługiwana przez HTTPS.

Źródło

2017-05-17 07:22:57

To musi być komentarz, a nie odpowiedź. – geminiousgoel

Ah Widzę, @geminiousgoel dziękuję bardzo za opinie. Wygląda na to, że potrzebuję 50 punktów reputacji, aby móc komentować pytania innych osób, dlatego nie mogłem wypowiedzieć się na jego temat. –

jeśli zamieścisz bezpośredni link w odpowiedzi, to zamieni się na komentarz. Możesz przeczytać dokumentację. Nie szamotam cię, tylko dzielę się celem. – geminiousgoel

Facebook jak przycisk renderowany z 0 szerokości i 0 wysokości?

Odpowiedz

Powiązane problemy