插入 facebook like 按钮

发布于 2024-12-13 04:57:17 字数 315 浏览 0 评论 0原文

假设我有一个使用自定义 cms 的博客网站 http://www.example.com，并且我希望网站中的每个内容都显示一个“点赞”按钮。我已经能够添加一个在每个页面中插入代码片段的 mod，其中包含类似的代码，但是我如何区分每个不同帖子的点赞，因为我记得，类似 facebook 的代码需要 src= “http://www.example.com”，如何使每个页面的 src 值唯一，例如src="http://www.example.com/news/a_news.php"。我该如何实现这个目标...？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

绿萝 2024-12-20 04:57:17

请参考下面的 URL 为您的页面生成“点赞”按钮。
http://developers.facebook.com/docs/reference/plugins/like/

完成设置后，获取代码（SDK 脚本 + 按钮代码），如下所示。

类似 URL http://www.site.com/news/a_news.php

<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="http://www.site.com/news/a_news.php" data-send="false" data-layout="box_count" data-width="450" data-show-faces="true"></div>

现在您必须为每个链接动态设置类似按钮代码。

说 b_news.php 按钮将是

<div class="fb-like" data-href="http://www.site.com/news/b_news.php" data-send="false" data-layout="box_count" data-width="450" data-show-faces="true"></div>

c_news.php 按钮，

<div class="fb-like" data-href="http://www.site.com/news/c_news.php" data-send="false" data-layout="box_count" data-width="450" data-show-faces="true"></div>

您只需更改类似按钮中的 data-href= 即可完成所有设置。

refer below URL to generate like button for your page.
http://developers.facebook.com/docs/reference/plugins/like/

Once you are done with settings get Code (SDK script + button code) which looks like below.

like button code for URL http://www.site.com/news/a_news.php

<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="http://www.site.com/news/a_news.php" data-send="false" data-layout="box_count" data-width="450" data-show-faces="true"></div>

now you have to dynamically set up like button code for each link.

say for b_news.php button will be

<div class="fb-like" data-href="http://www.site.com/news/b_news.php" data-send="false" data-layout="box_count" data-width="450" data-show-faces="true"></div>

for c_news.php button will be

<div class="fb-like" data-href="http://www.site.com/news/c_news.php" data-send="false" data-layout="box_count" data-width="450" data-show-faces="true"></div>

you just have to change data-href= in like button and all set.

回复收藏 0 原文

~没有更多了~