Facebook Feed對話顯示代碼而不是內容

Question

我一直在努力獲得一個Facebook的「張貼到牆」對話，以顯示在我的網站上，但它顯示的是所有頁面上的代碼。

這是應該發生的事情：

1. 訪問者來到我的網站，點擊定製的「分享」按鈕，我做了
2. 的訪問者然後將其重定向到飼料對話框在不同的頁面和他們分享我的網頁。
3. 然後他們繼續下載我提供的東西。

我犯了一個Facebook應用程序，然後從Facebook開發人員網頁複製的代碼，並填寫了我需要的一切，但只要我點擊它把我的份額達到了頁面的所有代碼來代替。

Answer 1

那麼試試這個，加載JavaScript SDK：

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

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

然後偵聽器添加到您的按鈕，讓我們說你的按鈕具有ID，bt-download

<script>  
$(document).on("click", "#bt-download", function(){ 
     var obj = { 
      method: 'feed', 
      link: 'link to your webpage', 
      picture: "url to the picture you want size 90px x 90px", 
      name: 'the name you want', 
      caption: 'your caption', 
      description: 'your description', 
      display: 'popup' 
     }; 

     function callback(response) { 
      if (response && response.post_id) { 
      alert('Post was published.'); 
      //here you can redirect the user to the download page 
      } else { 
      alert('Post was not published.'); 
      } 
     } 
     FB.ui(obj, callback); 

      }); 
</script>