如何为我网站上的页面创建 Facebook 点赞计数器？答案

【问题标题】：How to create a Facebook Like Counter for a page on my website?如何为我网站上的页面创建 Facebook 点赞计数器？
【发布时间】：2012-12-21 09:45:18
【问题描述】：

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

例如，我的网站上可能有这些页面，其中每个页面上都有不同的文章：

www.mysite.com/article1.cfm

www.mysite.com/article2.cfm

www.mysite.com/article3.cfm

我希望这些页面中的每一个都有自己的 Facebook“点赞”计数器元素，当点击该元素时，将跟踪该单独页面的点赞数。我试图查看 Facebook 对所有这些的解释，但我是 Facebook 开发的新手。我必须使用的主要服务器端语言是 ColdFusion - 当然，如果有 JavaScript/jQuery 解决方案或其他方法来完成此任务，我是开放的。

【问题讨论】：

看来我必须自动完成他们的 Facebook 表格？这段代码需要是一个可重用的元素，我可以在其中放置一个模板。这样，Facebook 点赞计数器将动态设置为基于模板构建的新页面。抱歉，我之前没有指定。
我建议先让它与单个页面一起工作，然后将代码转换为可重用的东西。您可以使用 cfhttp 将数据发布到表单。
在这段代码中：js.src = "connect.facebook.net/en_US/all.js#xfbml=1&appId=**myappid**" 好像不喜欢引号内的第一个和第二个=符号

标签： html facebook coldfusion

【解决方案1】：

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

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

您需要为每一页浏览一次。然后点击“获取代码”，将 FB 提供的内容复制并粘贴到相关网页中。

【讨论】：

【解决方案2】：

这是您将 facebook like 添加到页面的方式：

<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：是您网站的 URL。因为 facebook 喜欢实际发布到您的时间线，这将是它的链接

【讨论】：

好的，我已经使用了该代码并使用它。这是我当前的脚本：
$('html').attr('xmlns:fb', 'ogp.me/ns/fb#');
我遇到了一些错误... ColdFusion 正在查看以下文本：= CFML 编译器正在处理：从第 17 行第 64 列开始的表达式。表达式可能缺少以 # 结尾，例如，#expr 而不是 #expr#。以 \' 开头的表达式，位于第 7 行第 65 列。此消息通常是由表达式结构中的问题引起的。从第 1 行第 2 列开始的 cfoutput 标记的正文。
@user1955504 在您以更易读的方式发布实际代码之前，我很难为您提供帮助，但我可以告诉您的是，您遇到错误是因为 ColdFusioin 使用 # 's 来识别变量。将所有具有一个 # 的非冷融合变量替换为两个，例如“//connect.facebook.net/en_US/all.js#xfbml=1&appId=537981986220630”变为“//connect.facebook.net/en_US/all. js##xfbml=1&appId=537981986220630" 它将呈现