如何在我的网站上为一个页面创建一个Facebook Like Counter?

时间:2013-01-07 16:15:09

标签: html facebook coldfusion

我想在我的网站上为特定页面创建一个类似Facebook的计数器。

例如,我可能在我的网站上有这些页面,每个页面都有不同的文章:

www.mysite.com/article1.cfm

www.mysite.com/article2.cfm

www.mysite.com/article3.cfm

我希望这些页面中的每一个都有自己的Facebook“喜欢”计数器元素,点击它时会跟踪单个页面有多少喜欢。我试图查看Facebook对所有这些的解释,但我是Facebook开发的新手。我必须使用的主要服务器端语言是ColdFusion - 当然,如果有JavaScript / jQuery解决方案或其他方法来实现这一点,我就是开放的。

2 个答案:

答案 0 :(得分:4)

这就是你将Facebook添加到你的页面的方式:

<html xmlns:fb="http://ogp.me/ns/fb#">
    <head>
    </head>
    <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_GB/all.js#xfbml=1&appId=YOUR_APP_ID";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        <div class="fb-like" data-href="http://www.yourwebsite.com" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>
    </body>
</html>

其中:

  • YOUR_APP_ID:必须是您可以通过拥有Facebook开发者帐户创建的应用程序ID。您可以通过here
  • 创建一个
  • http://www.yourwebsite.com:是您网站的网址。因为 Facebook实际上发布到你的时间线,这将是 它的链接

答案 1 :(得分:2)

您需要的所有信息。非常简单的表单来创建和自定义您喜欢的按钮。

https://developers.facebook.com/docs/reference/plugins/like/

  • 每个页面都需要经历一次。然后单击“获取代码”并将FB提供的内容复制并粘贴到相关网页中。