0

我是在我的网站上实施社交网络的新手。现在我想为每张图片实现一个like-button。

我的图像页面是例如http://www.mysite.com/index.php?fx=photos&album=albumname&photoid=123。现在，此页面的背景中包含专辑的所有图像。Onload，打开了一个带有正确photoid.

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

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

既然我在上面，是否需要在您的页面上添加带有附加信息的元标记？因为我的fancybox图像查看器，每次编辑元标记也需要大量的工作。

4

1 回答 1

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 URL 是唯一的，您将获得对该图像的唯一喜欢。

几年前，我拍摄了这段视频，内容是关于将 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 的函数。

于 2013-04-19T20:17:39.173 回答