2015-05-28 17 views
7

Facebook api için yeniyim, bu yüzden yeni bir soru olup olmadığını bilmiyorum. Benim yaptığımFacebook, 0 genişlik ve 0 yükseklik ile oluşturulan butona benzer?

Quick Start Ben

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

(elbette yerini my-app-kimlikli) <body> açık etiketi aşağıdaki pasajı koymak sonra takip ve ben aşağıdaki pasajı var

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

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

Bu render sonucudur: Ne gibi düğmesinin görünmesini istediğiniz yeri

Sorguyu ve src bölümünü ihmal ettim. Neden 0 genişlik ve 0 yükseklik ile işlendiğini anlamıyorum. Hem ebeveyn hem de benlik div gizlenecek şekilde tasarlanmamıştır. Lütfen bana neyi yanlış yaptığımı söyle?

+1

Lütfen çok önemli olabilecek parçalardan kaçınmadan gerçek, test edilebilir/canlı bir örnek gösterin. – CBroe

+0

Beğen Düğüğünüze bir bağlantı sağlayabilir misiniz? Bu, yanlış bir şey yapıp yapmadığınızı görmeyi çok daha kolaylaştıracaktır. –

+0

Sayfayı sayfanın gizli bir bölümünde oluşturdunuz mu? İlgili konuya bakın: [http://stackoverflow.com/questions/12291017/facebook-like-buttons-not-displaying-when-loaded-hidden](http://stackoverflow.com/questions/12291017/facebook-like -buttons-göstermiyorsunuz-zaman-yüklü-gizli). – DRosenfeld

cevap

1

Bu tüm kod görmeden bir cevap vermek zor, ama bunun nedeni şu olabilir: geçmesi

yerine buna https nedeniyle http kullanırken, Facebook izin vermiyor isteğiniz . Senaryonu Running çalışan üzerine tarayıcı konsoluna aşağıdaki hatayı veriyor:

Karışık İçerik: sayfa kısmındaki 'https://jsfiddle .net/v98vq53r /' HTTPS üzerinden yüklendi, ancak güvensiz bir komut dosyası 'http://connect.facebook.net/en_US/sdk.js' istendi. Bu istek engellendi; içerik HTTPS üzerinden sunulmalıdır.

+1

Bir yorum cevap olmamalıdır. – geminiousgoel

+0

Ah görüyorum, @geminiousgoel geribildirim için çok teşekkür ederim. Diğer insanların sorularına yorum yapmak için 50 itibara ihtiyacım var gibi görünüyor, bu yüzden onun sorusu üzerine yorum yapamadım. –

+0

cevabında doğrudan bağlantı gönderirseniz, yoruma dönüştürür. Belgeleri okuyabilirsiniz. Sizi sıkmıyordum, sadece amaçlarını paylaşıyorum. – geminiousgoel

İlgili konular