Asp.net mvc 在MVC项目中集成facebook共享按钮

如何将facebook共享按钮集成到我的ASP.NET MVC项目中？我想显示图像和链接。

Microsoft Web助手程序集有一个简单的解决方案。 你可以通过nuget安装这个

安装microsoft web helpers软件包

之后，您可以执行以下操作：

---

@Facebook.LikeButton（您的Url）

Microsoft Web助手程序集有一个简单的解决方案。 你可以通过nuget安装这个

安装microsoft web helpers软件包

之后，您可以执行以下操作：

---

@Facebook.LikeButton（你的Url）

第1步。使用id=“fb root”定义一个div

第二步。从facebook帐户添加社交共享脚本

                                        <script>
                                            window.fbAsyncInit = function () {
                                                FB.init({
                                                    appId: '..........',
                                                    status: true,
                                                    cookie: true,
                                                    xfbml: true
                                                });
                                            };
                                            (function () {
                                                var e = document.createElement('script');
                                                e.async = true;
                                                e.src = document.location.protocol +
                                                    '//connect.facebook.net/en_US/all.js';
                                                document.getElementById('fb-root').appendChild(e);
                                            }());
                                        </script>

window.fbAsyninit=函数（）{
FB.init({
附件：“…….”，
状态：正确，
曲奇：是的，
xfbml：对
});
};
（功能（）{
var e=document.createElement（'script'）；
e、 异步=真；
e、 src=document.location.protocol+
“//connect.facebook.net/en_US/all.js”；
document.getElementById（'fb-root'）.appendChild（e）；
}());

第三步。单击自定义共享按钮。。（注意..带有id的共享按钮-共享按钮）

$（文档）.ready（函数（）{
$（“#共享按钮”）。单击（函数（e）{
e、 预防默认值（）；
FB.ui(
{
方法：“提要”，
名称：'@Model.Title'，//共享标题
链接：'@Request.Url.AbsoluteUri'，//共享Url
图片：'@ViewBag.OpenGraphImageUrl'，//共享Url
标题：“单击此处了解更多详细信息…”，//共享标题
描述：'@Model.description'，//共享描述
消息：“”//共享任何消息！。
});
});
});

---

第四步。使用id=“share\u button”添加共享div，然后将您的div设置为facebook共享按钮的样式。使用id=“fb root”定义一个div

第二步。从facebook帐户添加社交共享脚本

                                        <script>
                                            window.fbAsyncInit = function () {
                                                FB.init({
                                                    appId: '..........',
                                                    status: true,
                                                    cookie: true,
                                                    xfbml: true
                                                });
                                            };
                                            (function () {
                                                var e = document.createElement('script');
                                                e.async = true;
                                                e.src = document.location.protocol +
                                                    '//connect.facebook.net/en_US/all.js';
                                                document.getElementById('fb-root').appendChild(e);
                                            }());
                                        </script>

window.fbAsyninit=函数（）{
FB.init({
附件：“…….”，
状态：正确，
曲奇：是的，
xfbml：对
});
};
（功能（）{
var e=document.createElement（'script'）；
e、 异步=真；
e、 src=document.location.protocol+
“//connect.facebook.net/en_US/all.js”；
document.getElementById（'fb-root'）.appendChild（e）；
}());

第三步。单击自定义共享按钮。。（注意..带有id的共享按钮-共享按钮）

$（文档）.ready（函数（）{
$（“#共享按钮”）。单击（函数（e）{
e、 预防默认值（）；
FB.ui(
{
方法：“提要”，
名称：'@Model.Title'，//共享标题
链接：'@Request.Url.AbsoluteUri'，//共享Url
图片：'@ViewBag.OpenGraphImageUrl'，//共享Url
标题：“单击此处了解更多详细信息…”，//共享标题
描述：'@Model.description'，//共享描述
消息：“”//共享任何消息！。
});
});
});

第四步。添加id为“sh”的共享div