facebook分享不添加图片

Posted 2023-03-16

【中文标题】facebook分享不添加图片

【英文标题】：facebook share not adding image

【发布时间】：2017-07-28 16:12:30

【问题描述】：

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

此共享链接正常，但未添加缩略图。分享看起来像这样：

但在我的布局中，我有这些：

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

我该怎么做？是否有机会使用选项传递图像？

【问题讨论】：

如果您希望 your URL 的元标记有任何效果，那么您必须共享 your URL。如果您愿意，可以将人类用户从那里重定向到您的页面标签。

【参考方案1】：

你可以用你的网址试试这个工具

https://developers.facebook.com/tools/debug/

它会告诉你确切的错误。

您好！

【讨论】：

谢谢，但上面写着：Warning Facebook URLs cannot be crawled.

您正在尝试哪个网址？