2017-07-28 47 views
0

我有facebook选项卡应用程序。并在那里我有分享按钮facebook分享未添加图片

<p class="share-btn" id="button">share this</p> 

<script> 

    (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 = "//connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

<script> 
    window.fbAsyncInit = function() { 
     FB.init({ 
      appId: 'app id', 
      cookie: true, 
      xfbml: true, 
      version: 'v2.8' 
     }); 

     window.facebookShare = function (callback) { 
      var id = @Model.Id; 

      var options = ({ 
       method: 'share', 
       href: 'https://www.facebook.com/my app url here&app_data=' + id 
      }), 
       status = ''; 

      FB.ui(options, function (response) { 
       console.log(response); 
       if (response && !response.error_code) { 
        status = 'success'; 
        $.event.trigger('fb-share.success'); 

       } else { 
        status = 'error'; 
        $.event.trigger('fb-share.error'); 
       } 

       if (callback && typeof callback === "function") { 
        callback.call(this, status); 
       } else { 
        return response; 
       } 
      }); 
     } 

    }; 



    $('#button').on('click', function (e) { 
     e.preventDefault(); 

     facebookShare(function (response) { 
      // simple function callback 
      //console.log(response); 
     }); 
    }); 

    // custom jQuery events 
    $(document) 
     .on('fb-share.success', function (e) { 
      window.location.href = "/Quiz/Finished"; 
     }) 
     .on('fb-share.error', function (e) { 
      //alert("fail"); 
     }); 
</script> 

此共享链接确定,但它没有添加缩略图。分享这看起来:

enter image description here

但在我的布局,我有这些:

<meta property="og:url" content="http://www.your-domain.com/your-page.html" /> 
<meta property="og:type" content="website" /> 
<meta property="og:title" content="Your Website Title" /> 
<meta property="og:description" content="Your description" /> 
<meta property="og:image" content="https://www.codeproject.com/KB/aspnet/AspnetPaths/SelectImage.png" /> 

我该怎么办呢?有没有机会使用选项传递图像?

+0

如果您希望_your_网址的元标记有任何效果,那么您必须共享_your_网址。如果您愿意,可以将用户从那里重定向到您的页面标签。 – CBroe

回答