【问题标题】:facebook share not adding imagefacebook分享不添加图片
【发布时间】: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。如果您愿意,可以将人类用户从那里重定向到您的页面标签。

标签: javascript html asp.net-mvc facebook facebook-sdk-4.0


【解决方案1】:

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

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

它会告诉你确切的错误。

您好!

【讨论】:

  • 谢谢,但上面写着:Warning Facebook URLs cannot be crawled.
  • 您正在尝试哪个网址?
猜你喜欢
  • 2014-06-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-05-31
  • 2018-01-16
  • 1970-01-01
  • 2013-02-16
相关资源
最近更新 更多