Question

我是在网站上实施社交网络的新手。现在我想为每个图像实现一个类似的按钮。

我的图片页面是例如http://www.mysite.com/index.php?fx=photos&album=albumname&photoid=123。现在，此页面在后台显示了相册的所有图像。 Onload，使用正确photoid的图片打开fancybox。

现在我的问题 - 对于Facebook赞按钮，你需要一个链接。此链接应该是上面给出的完整网站网址，还是应该是图片的链接？（例如http://www.mysite.com/photos/photoid.jpg）？

我将实现iframe版本以方便使用，我尝试使用html5版本，但在循环浏览图像时无法更新。但是，在iframe版本中，您需要将url作为GET参数。如果您之前版本的答案是需要提供完整的网址，我该如何使用javascript对其进行清理？我知道使用php rawurlencode应该可以解决问题，但需要在js中完成。

现在，我已经开始使用addidional信息在页面上添加元标记了吗？由于我的fancybox图像查看器，每次编辑元标记也需要做很多工作。

Answer 1

要实现Like按钮，index.php页面应提供以下JavaScript

<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]]";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

然后，每次渲染图像链接时，都可以将此代码渲染到：

<?php echo("<div class='fb-like' data-href='<IMAGE URL>' data-send='true' data-width='450' data-show-faces='false'></div>"); ?>

如果IMAGE网址是唯一的，您将获得该图片的独特喜欢。

几年前我拍摄了这个视频，关于将Facebook Like放入PHP中的WordPress模板页面。原则是相似的，所以希望这是有帮助的：

https://www.facebook.com/video/video.php?v=457944337233

Facebook的东西从15:00开始

对于URL - 您是否尝试过查看：http://www.w3schools.com/jsref/jsref_encodeURI.asp - 这演示了一个允许您将字符串编码为URI的函数。

Facebook喜欢按钮 - 喜欢页面或图像

1 个答案: