无法将 <meta 属性 = "og:title" > 的 facebook 喜欢按钮放在 asp.net mvc c# 的用户控制中



我已经在我的用户控件中实现了Like Facebook按钮。这是我的代码:

<div id="fb-root"></div>
            <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/all.js#xfbml=1";
                    fjs.parentNode.insertBefore(js, fjs);
                } (document, 'script', 'facebook-jssdk'));
                
            </script>
<div class="fb-like" data-href="<%:FBUrl%>" data-send="true" data-width="450" 
data-show-faces="true">
</div>
</div>

我试图在我的用户控件顶部添加这个块:

<meta property="og:title" content="Welcome to site!" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

但当我点击赞框时,它并没有出现标题和描述。

有人能解决这个问题吗?

您将需要两个用户控件。

一个用于包含在定义og:标记的<head>部分中。

以及可以包含在具有类似html的<body>中的另一个用户控件。

我强烈建议使用HTML5版本的插件代码,而不是xfbml版本。

最新更新