如何为页面上的每个链接添加 facebook like 按钮、linkedin 分享按钮和 twitter 推文按钮？答案

【问题标题】：How to add facebook like button ,linkedin share button and twitter tweet button for each link on a page?如何为页面上的每个链接添加 facebook like 按钮、linkedin 分享按钮和 twitter 推文按钮？
【发布时间】：2012-04-17 19:12:18
【问题描述】：

我已经回答了很多关于这个问题的问题，但我并没有真正得到任何明确的解决方案。我正在使用 asp.net 构建一个网站，并且我在一个页面上有几个链接。我需要每个链接下方的 facebook like 按钮、linkedin 分享按钮和 twitter 推文按钮。如何在没有太多页面加载问题的情况下有效地实现多个按钮.. 还有有没有办法知道用户点击了按钮并成功点赞了一个链接...

【问题讨论】：

标签： html twitter facebook-like linkedin

【解决方案1】：

我的两分钱

Facebook 按钮

在 HTML 标签中

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

body 标签之后

<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>

推特

<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，以便将其打印到网页上。我可能是错的，如果我错了，请告诉我，我会帮助你。

【讨论】：

我按照上面列出的 uv 方式进行操作.. 按钮正在显示.. 但是有一个问题.. 当我提供数据 URL 时它工作正常.. 但是当我动态分配来自代码隐藏的数据 url 导致问题..单击时按钮消失..它安静奇怪，我不明白..你能帮忙..
这适用于所有按钮吗？什么是典型的 linkURL 值？另外，在打印之前的文本字符串linkURL。把它拉到 Server.UrlEncode();这应该可以解决某些浏览器中的一些问题。顺便说一句，您使用的是什么浏览器？
不，linkedin 和 twitter 按钮工作正常.. 问题仅在于 facebook 按钮.. 例如 (linkURL = "news.google.com/news/…) 我试过做 Server.UrlEncode(); 但它没有改变任何东西..我正在使用chrome..我也用firefox尝试过，但结果相同..
您是否有 Facebook 应用 ID 并将其插入到中？您可以在这里创建一个应用程序：developers.facebook.com/apps 不确定您是否喜欢外部网站的想法？