Question

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

Answer 1

请参阅以下网址，为您的网页生成类似按钮。 http://developers.facebook.com/docs/reference/plugins/like/

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

类似于网址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 = in like按钮和所有设置。

像按钮一样插入Facebook

1 个答案: