2016-03-01 93 views
-3

我試圖與我的網站上的圖像共享一篇文章,但只有圖像沒有得到共享,我檢查了og:圖像在視圖源上它來自視圖源,但它不是來在分享框和共享文章上。Facebook的圖像共享不起作用

我也試過Facebook的調試,但沒有運氣

頁面鏈接: http://www.anothercrush.com/polling-detail/second-post

步驟:

  1. 填寫的3個字段,並提交

  2. 現在,您可以能看圖片上方的facebookshare按鈕,只需點擊它

  3. 現在您將在共享框上發佈問題(空白框而不是圖像)。

請找到解決

+2

* 「步驟......」 * - Errrr。沒有。你標記爲php,所以發佈你的代碼。訪問網站包含呈現的HTML/PHP,而不是源代碼。 –

+0

嗨 這是我用於共享的代碼 Raja

+0

有沒有解決方法? – Raja

回答

1
This code works for me you can try 
    <meta property="og:url" content="http://domain.com"/> 
    <meta property="og:title" content="PageTitle"/> 
    <meta property="og:description" content=" Description"/> 
    <meta property="og:image" content="image path"/> 
    <meta property="og:site_name" content="title" /> 
    <meta property="fb:app_id" content="correct facebook app id"/> 

Facebook的控制檯This is usefull to check your link Facebook console

我檢查頁面查看源代碼的meta標籤,但我沒有發現OG:圖像屬性,如果你只傳遞呢? u =然後其他的將從og標籤中獲取,所以請按照這個或者傳遞你想要的所有參數,如果你沒有傳遞其他參數,它會在頁面中搜索任何第一個找到的東西,比如你現在工作的圖像。

另一種方式來對您的點擊共享和調用此方法shareOnFacebookUser()

var appId='FACEBOOK_ID'; 
     window.fbAsyncInit = function() { 
      // init the FB JS SDK 
      FB.init({ 
       appId: appId, // App ID from the app dashboard  
       status: true, // Check Facebook Login status 
       xfbml: true // Look for social plugins on the page 
      });  
     }; 

     // Load the SDK asynchronously 
     (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 = "https://connect.facebook.net/en_US/all.js"; 
      fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk')); 

      function shareOnFacebookUser() { 
      var img = $("#image").val(); 
      var link = $("#link").val(); 
      var title = $("#name").val(); 
      var desc = $("#desc").val(); 
      FB.ui({ 
       method: 'feed', 
       link: link, 
       name: title, 
       picture: img, 
       description:desc 

      }, function (response) { 
       if (response && response.post_id) { 
       } 
       else { 
       } 
      }); 
     } 
+0

嗨SRK, 感謝您的回覆,我已經有了這段代碼,我的問題是圖片在共享帖子後被拉到了Feed頁面上,但是當我點擊分享按鈕時,圖片沒有被拉到Facebook分享框中。共享框只顯示標題和說明,如果我分享後的圖像來源飼料,我只是想顯示在共享框 – Raja

+0

你能分享的JavaScript代碼共享按鈕來檢查 –

+0

前2次,當我點擊分享按鈕圖像沒有被拉到共享框,但如果我點擊共享按鈕第三次它被拉,我只想知道爲什麼它被拉到前2次,如何修復它。 – Raja