Facebook 分享按钮显示不相关的标题、描述和图像

Question

我知道有很多这样的问题，但我无法回答。所以决定问一个新的。我有一个显示事件的网站，我想在 facebook 上分享该事件，因此它应该创建一个包含当前事件标题、描述和图像的共享框。

我在正文部分包含了我的 facebook SDK：

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function () {
        FB.init({
            appId: '843460125752678',
            xfbml: true,
            version: 'v2.5'
        });
};
(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#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

我在某处包含了类似 facebook 的按钮：

<div class="fb-like" data-href="http://mywebsite.com" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>

我想在 Page_Load 中添加如下代码隐藏的元标记

        HtmlMeta hm7 = new HtmlMeta();
        hm7.Attributes.Add("property", "fb:app_id");
        hm7.Content = "my id here";
        this.Header.Controls.Add(hm7);

        HtmlMeta tag = new HtmlMeta();
        tag.Attributes.Add("property", "og:title");
        tag.Content = lblTitle.Text;
        Page.Header.Controls.Add(tag);

        HtmlMeta tag1 = new HtmlMeta();
        tag1.Attributes.Add("property", "og:description");
        tag1.Content = "Click for more info";
        Page.Header.Controls.Add(tag1);

        HtmlMeta tagurl = new HtmlMeta();
        tagurl.Attributes.Add("property", "og:url");
        tagurl.Content = "http://www.mywebsite.com";
        Page.Header.Controls.Add(tagurl);

        HtmlMeta tagimg = new HtmlMeta();
        tagimg.Attributes.Add("property", "og:image");
        tagimg.Content = "some image url";
        Page.Header.Controls.Add(tagimg);

但是当我点击分享按钮时，标题出现为“在此处输入您的标题”，描述为“您的描述出现在此处”，并且一直以我的网站徽标作为图像。

可能是什么问题？看起来我设置元标记两次..首先在 html 中，然后在代码隐藏中。但即使我从 html 中删除标签，它仍然会给出相同的输出。

更新：我尝试在 facebook 中调试代码并收到以下警告消息

1. 'og:url' 属性应该明确提供，即使可以从其他标签推断出一个值。 2. 'og:url' 属性应该明确提供，即使一个值可以从其他标签中推断出来。 3. 'og:description' 属性应该明确提供，即使一个值可以从其他标签中推断出来。 4. 'og:image' 属性应该明确提供，即使可以从其他标签中推断出一个值。

错误信息如下：

fb:app_id 未包含在元标记中。指定应用程序 ID，以便分享到 Facebook 的故事将正确地归因于应用程序。或者，可以在打开共享对话框时在 url 中设置 app_id。否则，将分配默认应用 id(966242223397117)。

Answer 1

首先，从您的设计代码中删除 OpenGraph 的元标记（og:title、og:description 等）。然后尝试将Page.Header.Controls更改为this.Header.Controls。

请确保您在正文部分开始时立即插入 javascript 代码。如果还是不行，尝试用下一个代码做个链接分享：

Share via:&nbsp;<a class="text-capitalize" href="http://www.facebook.com/share.php?u=your_site.com">Facebook</a>

希望对您有所帮助。如果仍然不行，请对此答案发表评论，我们将再次检查。