एफबी जैसे बटन क्यों नहीं दिखता है?

Question

मैं निराश हूं क्योंकि मैंने इस पर घंटों बिताए हैं - यहां पर अन्य धागे भी हैं लेकिन उनमें से कोई भी मेरी समस्या का समाधान नहीं कर रहा है!

मैं बस अपनी वेबसाइट, www.posti.sh पर एफबी जैसे बटन को कार्यान्वित करना चाहता हूं - मुझे आश्चर्य है कि यह क्यों काम नहीं करता है?

यहाँ कदम ट्यूटोरियल द्वारा https://developers.facebook.com/docs/reference/plugins/like/ कदम के अनुसार, कोड मैं का उपयोग करें:

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

और

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

जहां मैं इसे होना चाहते हैं।

मैंने सिर में मेटा टैग के अनुसार भी जोड़ा है।

कोई भी विचार है कि यह क्यों काम नहीं करता है?

धन्यवाद !!

डेनिस

UPDATE 1

मैं अमेरिकन प्लान डीबगिंग टूल https://developers.facebook.com/tools/debug का इस्तेमाल किया है और यह केवल कहते हैं ओग छवि काफी बड़ा नहीं है - मुझे लगता है कि कि एक समस्या हालांकि नहीं होना चाहिए?

Answer 1

ऐसा लगता है कि एचटीएमएल 5 की तरह बटन कोड में ऐसा हिस्सा गुम है जो वास्तव में Javascript SDK जोड़ता है। कोड होना चाहिए:

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

Answer 2

अभी अभी मैंने इसी तरह के मुद्दे का समाधान किया है। एफबी-जैसे बटन प्रदर्शित किया गया था लेकिन काम नहीं किया।

मेरे पृष्ठ में <div id="fb-root"></div>div में position: relative; सीएसएस-विशेषता के साथ था। position: relative; को हटाने के बाद यह फिर से काम करता है।