如何为页面上的每个链接添加Facebook按钮，linkedin分享按钮和Twitter推文按钮？

问题描述：

我已经经历了很多问题已经问到这个问题，但我真的没有得到任何明确的解决方案..我正在使用asp.net建立一个网站，我有一个网页上的几个链接。我需要每个链接下面的按钮，linkedin分享按钮和twitter推文按钮。我怎么能实现多个按钮有效地没有太多的页面加载问题.. 也就是有没有办法知道用户点击了按钮，并成功地喜欢上了一个链接...如何为页面上的每个链接添加Facebook按钮，linkedin分享按钮和Twitter推文按钮？

答

我的两分钱

的Facebook按钮

在

<html xmlns:fb="http://ogp.me/ns/fb#">

权body标签后的HTML标签

<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&appId=<YOUR APP ID HERE!!>"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script>

如果你的链接是

<fb:like href="<% Response.Write(Server.UrlEncode(linkURL)); %>" send="true" width="450" show_faces="true"></fb:like>

链接在

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script> 
<script type="IN/Share" data-url="<% Response.Write(Server.UrlEncode(linkURL)); %>" data-counter="right"></script>

Twitter的

<a href="https://twitter.com/share?url=<% Response.Write(Server.UrlEncode(linkURL)); %>" class="twitter-share-button" data-lang="en">Tweet</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

基本上你刚才设置的链接URL的变量linkURL，使其打印出来该网页。我可能是错的，如果我请让我知道，我会帮助你。

可以请你告诉我如何设置linkUrl的值，从代码隐藏.. – Vikram 2012-04-17 19:49:45

我做到了上面列出的uv的方式..按钮显示..但有一个问题..它工作正常时我给了数据网址..但是当我动态地分配代码后面的数据网址时，它引起了问题..点击时按钮消失。它的安静的奇怪，我没有得到它..你能帮忙。。 – Vikram 2012-04-17 21:15:37

这是否适用于所有按钮？什么是典型的linkURL值？此外，在打印文本字符串linkURL之前。拉它变成Server.UrlEncode（）;它应该在某些浏览器中解决一些问题。你用什么浏览器，BTW？ – 2012-04-18 14:46:08

如何为页面上的每个链接添加Facebook按钮，linkedin分享按钮和Twitter推文按钮？

相关推荐