在不重新加载网站的情况下切换Facebook评论

基础概念

Facebook评论插件允许网站所有者在其网站上嵌入Facebook的评论系统，使用户可以直接在网站上发表和查看评论。这种插件通常通过JavaScript SDK来实现，可以在不重新加载页面的情况下动态加载和显示评论。

类型

Facebook评论插件主要有以下几种类型：

嵌入式评论框：直接在网页中嵌入一个Facebook评论框。
评论计数：显示某个页面的Facebook评论数量。
评论插件：提供更多高级功能，如评论排序、评论审核等。

应用场景

适用于各种需要用户互动和反馈的网站，如博客、新闻网站、电子商务网站等。

遇到的问题及解决方法

问题：在不重新加载网站的情况下切换Facebook评论

原因：通常是由于JavaScript SDK没有正确加载或初始化导致的。

解决方法：

确保SDK正确加载：确保在HTML文件中正确引入了Facebook JavaScript SDK。可以在<head>标签中添加以下代码：
确保SDK正确加载：确保在HTML文件中正确引入了Facebook JavaScript SDK。可以在<head>标签中添加以下代码：
初始化SDK：在页面加载完成后，初始化SDK并渲染评论插件。可以在<body>标签结束前添加以下代码：
初始化SDK：在页面加载完成后，初始化SDK并渲染评论插件。可以在<body>标签结束前添加以下代码：
渲染评论插件：在需要显示评论的地方添加Facebook评论插件的标记。例如：
渲染评论插件：在需要显示评论的地方添加Facebook评论插件的标记。例如：
动态切换评论：如果需要在页面加载后动态切换评论，可以使用JavaScript来重新渲染评论插件。例如：
动态切换评论：如果需要在页面加载后动态切换评论，可以使用JavaScript来重新渲染评论插件。例如：

参考链接

通过以上步骤，你应该能够在不重新加载网站的情况下成功切换Facebook评论。

相关·内容

Facebook反垃圾实践：人工治理与机器算法齐飞

垃圾信息在不断变化，Facebook的反垃圾策略和技术系统也在不断升级。 ? Facebook上的网络钓鱼攻击，2011年 Facebook反垃圾策略制定反垃圾策略首先需要明确的是垃圾信息的定义。...Facebook网站上积累了大量的正常行为模式和异常行为模式，可以用于机器学习。作为一个社交平台，Facebook还充分发挥了人的力量，用户举报在垃圾信息的识别中占据了很重要的位置。...FXL检查特征表达式，然后在线加载到分类器服务和特征追踪器中，无需重新启动服务。 • 动态模型加载：模型建立在特征之上，而这些特征都是基本的FXL表达式或其派生的表达式。...同样地，模型在线加载到分类器服务，分类器服务或特征追踪器无需重新启动，并且许多分类器实现支持在线训练。 • 策略引擎：策略引擎将分类和特征结合起来表达业务逻辑和业务策略，并评估分类器的性能。...Facebook反垃圾规则引擎流程图 Sigma系统中，用于编写策略的语言，已经从之前的FXL切换为Haskell。

1.9K9 0

6000 字 | 终于，给网站插上了留言的翅膀

只能重新在博客评论，但是会在 Github 上自动新建一个 issue，不能和之前的评论关联起来，有点坑呀。。...5.4 问题四：切换文章后，评论列表未变由于docsify的链接 URL 使用的是 hash 的方式，导致切换页面的时候不会刷新页面，导致整个网站的Gitalk评论使用的是一个评论，因此做了监听 hash...事件，来刷新页面，这样就能每次切换页面刷新，然后加载对应的评论。...6.4 每篇文章对应的评论都是一样的需要在切换文章时，重新给 location 变量赋值，详见本文 5.4 的改进代码。...perPage：类型：数字，选填，每次加载的数据大小，最多 100。默认值：10。 distractionFreeMode：类型：布尔值，选填，类似Facebook评论框的全屏遮罩效果。

6714 0

李洋个人博客《mxlee》zblog主题-梦想家（精品推荐）

是的，因为之前有人反馈不想用分类的第一篇文章图片作为背景，不好看，所以这次修成了自定义背景，但是背景一般图片较大，如果都是本地加载，“水流”很小的情况下会出现图片加载缓存的问题，所以这里采用的CDN接口形式...--、修改和优化网站侧栏部分调用数据，侧栏留言评论生成缓存方式改为（审核成功和删除评论），如果你发现侧栏的留言评论没有及时更新，请随意点击评论加入审核，在通过审核，或者任意删除一垃圾评论即可更新。...--、侧栏的留言评论需要审核成功或者删除评论之后即可生成新的缓存txt文件。 --.修改精选导读样式表，建议不超过4篇。 --、修复三级菜单移动端无法点击的BUG。...--、修改CMS在某些情况下，出现错位的BUG。 ---- 鉴于很多人反应网站后台不太会设置，各个模块分不清楚，所以抽时间针对主题各模块给予标注。...优化部分页面JS错误； --.重新优化了网站的SEO设置，大可不必使用其他的SEO插件了。

2.1K2 0

Z-BlogPHP开运锦鲤前来报道（更新说明及操作教程，必看文章）

V、优化分类背景默认显示的分类接口（没有分类摘要显示网站描述，不在显示前往分类设置摘要文字） V、优化大量的夜间模式代码，如有不兼容请联系站长。...评论没有的话，需要在任意一篇文章下发表评论，即可生成新的缓存文件。注意，缓存文件仅在此种情况下（编辑修改文章，成功发表评论）才会生成最新的数据，如没有以上操作，缓存时间则是上次生成的时间。...文章的编辑（新建）和删除都会重新生成文章数据，发表和删除评论也都会重新生成新的留言和读者墙缓存文件。哦对，有人可能会问，后台首页重新编译并清空缓存会不会更新？...2.如果留言不更新，登录后台，评论管理，随便找一个评论，点击右侧审核，然后点击顶部审核管理，找到刚才的评论，点击审核通过，或者任意删除一个评论也可。...--.修复因为百度熊掌号导致的JS错误。 --.精简JS，减少不必要的加载。 --.修复文章页面评论无法关闭及上下篇出错的BUG。 --.修复评论之后无法显示评论内容的BUG。

3.4K3 0

静态博客评论系统的选择

不仅限于博客，在各行各业的网站上都能看到它的身影。但是迫于中国的网络环境，在境内并不能使用原生 Disqus，所以不建议面向中文读者的网站使用 Disqus。...在种种情况下，Valine 的衍生品就来了啊，各路豪杰纷纷表示要重新创造轮子。在网上也能搜到不少半成品。目前发现比较优秀的有这几个： Twikoo 官方特色。...刚好在这个时间，我发现了 Twikoo，它吸引我的地方在于，它是部署在腾讯云 CloudBase 的，刚好我的博客也是部署在 CloudBase 上的，这正合我意啊，部署博客、评论、嘀咕一把梭，全都部署在...因为登录多一个网站就多一份麻烦，我很怕麻烦。能在一个平台解决所有事情那肯定是最好的选择。在这段时间里，怡红公子也把博客转到了静态博客 Hugo，也在着手开发 Waline 了。...作者每天晚上和周末都提交了很多 Commit，版本也在快速迭代中。在使用体验上，这三者的差别都不大，主要体现在前端 UI 不同和加载速度上的轻微差别。安装方式也是一模一样。后端部署也都有保姆教程。

1.9K2 0

Z-BlogPHP开运锦鲤前来报道（更新说明及操作教程，必看文章）

2.8K4 0

6个功能强大的开源免费WordPress主题合集

评论功能扩展 - Ajax 评论，评论支持 Markdown、验证码、再次编辑、显示 UA、悄悄话模式、回复时邮件通知、查看编辑记录、无限加载等功能诸多功能 - 文章目录、阅读进度、Mathjax...SEO 友好，轻松在 Facebook / Twitter 上分享快速轻便，Pagespeed 得分 99% & YSlow 得分 98%（基于最小化安装）没有 jQuery 依赖用漂亮的分享卡分享你的作品...版本迭代 1.5及以下版本升级至1.6+配置不兼容处理方法：因为在1.6版本中将配置字段更改为了puock_options，所以会导致配置读取不到，用户可以重新进行配置或恢复配置，恢复配置SQL（执行前请先备份数据库...支持博客与CMS布局内置WP优化策略一键全站变灰网页压缩成一行后台防恶意登录内置出色的SEO功能评论Ajax加载文章点赞、打赏支持Twemoji集成支持QQ登录...任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

10.9K1 1

为新的Facebook.com重建我们的技术栈

原子化的CSS，减少主页80％的CSS 在我们的旧网站上加载主页时，加载了超过400KB的压缩CSS（2MB未压缩），但实际上只有10%的CSS被用于初始渲染。...这让我们可以将主题组合成一个单一的样式表，这意味着切换不同的主题不需要重新加载页面，不同的页面可以有不同的主题而不需要下载额外的CSS，不同的产品可以在同一个页面上并排使用不同的主题。...代码和数据并行下载在新网站上我们做了很多懒加载[9]代码，但如果我们懒加载一个路由的代码，而这个路由的数据抓取代码就在这个路由的代码里面，最后就会出现串行加载的情况。 ?...这些概念和模式可以应用到任何框架或库的客户端应用程序中。通过标准化我们的技术栈，我们已经能够重新思考如何以一种执行力强、可持续的方式引入人们想要的功能--即使是在工程和产品规模的运营过程中也是如此。...为提高新的Facebook.com的性能所做的工作非常广泛，我们预计很快会分享更多关于这项工作的信息。要查看重新设计的内容，请访问facebook.com。它正在逐步推出，很快就会对大家开放。

1.9K2 0

zblog明信片主题类型模板全新绽放，R角、透明、森系您想要的我都有

V 2.3.9（22/12/07） -- 修复某些情况下因插件不兼容导致评论框间距过大的问题。 -- 新增网站关闭状态页面友好提示，背景图设置调用登录图片接口。...-- 优化用户体验，提高页面加载速度。 -- 优化分类模板排序功能在某些情况下提示函数错误的问题。 -- 优化首页过滤指定分类文章并重建分页代码。 -- 按照谷歌PageSpeed页面优化相关代码。...V 2.2.7（22/05/11） -- 修复评论模块在某些情况下评论框会消失的问题。 -- 优化评论回复功能和样式效果。 -- 优化图片灯箱后端php代码。 -- 分类模板顶部排序增加开关。...2021/08/04 -- 优化侧栏随机调用文章模块在部分情况下调用为空的BUG。 -- 优化夜间模式搜索框内字体颜色看不清的问题。 -- 优化整体页面细节及样式代码。...-- 修复单页模板在部分没有评论的情况下主题布局没有对齐的问题。 2021/03/13 -- 优化网站PHP代码，删除部分api接口。 -- 删除文章页顶部标题链接代码。

1.9K2 0

还原Facebook数据泄漏事件始末，用户信息到底是如何被第三方获取的？

在Facebook上创建数据将评论添加到你的时间表访问令牌：你需要给予管理器权限，以便将其发布到你的时间表中。点击Get Token并选择publish_actions权限。...你可以在新闻源以及浏览器中查看它。发表评论页面ID：使用上面的 / me / accounts 请求获取你想要评论的页面 id(page_id) 。...用户下周将要求旧金山的一名法官将他们的说法作为集体诉讼进行申诉，因 Facebook 的照片扫描技术在未经他们同意的情况下收集并存储了生物特征数据。...2017 年 5 月 : 法国隐私监管机构对 Facebook 处以 15万欧元罚款，原因是 Facebook 滥用用户数据进行定向广告投放，并通过 cookies 非法跟踪用户在网站内外的行为。...2012 年 12 月 : Facebook 以 2，000万美元解决了美国一集体诉讼案，该案涉及 Facebook 声称， Facebook 在未经用户许可的情况下使用其 “Sponsored

3.9K5 0

本站同款宁静致远(Quietlee)自媒体博客主题模板，夜间模式及强大的SEO效果-ZBlog主题

3.2K2 0

github pages + Hexo + 域名绑定搭建个人博客增强版

站点小图标地址 favicon: /favicon.png # Internationalization | 主题语言 ## Change Language in SITE's _config.yml | 在站点配置中切换语言...<<< # Chose ONE as your comment system and keep others disable. # 选一个作为网站评论系统，其他保持禁用。...preload_comment: true ## false: 当点击评论条等区域时再加载评论模块 ## false: load comment's section until u click/hover...on the bar/icon show_count: false ## 是否在主页文章标题旁显示评论数（多说、Disqus） ## Add comment count after article...之后的内容 baidu_tongji: # 不蒜子网站计数设置 # http://ibruce.info/2015/04/04/busuanzi/ visit_counter: on: true

1.3K8 0

hexo+github搭建博客(超级详细版，精细入微)

: 执行 hexo clean && hexo g 重新生成博客文件，然后就可以在文章中对应位置看到你用emoji语法写的表情了。...和 disqus 评论配置不蒜子统计和谷歌分析（Google Analytics）默认特色图的集合。...#作者，文章版权所显示的 language: zh-CN #网站语言，不填写，默认为英文 timezone: #时区，可以不填写 # 这是主题配置文件的相关信息 # 配置网站favicon...# Livere 来必力评论模块的配置，默认为不激活 livere: enable: true # true即为开启评论系统 uid: #这里填写你的uid 然后在执行相关的部署命令，...——百度百科放在Github的资源在国内加载速度比较慢，因此需要使用CDN加速来优化网站打开速度，jsDelivr + Github便是免费且好用的CDN，非常适合博客网站使用。

5.6K8 5

如何用 GitHub 从零开始搭建一个博客？

top 我们在浏览网页的时候，如果已经看完了想快速返回到网站的上端，一般都是有一个按钮来辅助的，这里也支持它的配置，修改 _config.yml 的 back2top 字段即可，我的设置如下： back2top...Next 主题里面提供了多种评论插件的集成，有 changyan | disqus | disqusjs | facebook_comments_plugin | gitalk | livere | valine...搜索页很多情况下我们需要搜索全站的内容，所以一个搜索功能的支持也是很有必要的。...部署脚本最后我这边还增加了一个简易版的部署脚本，其实就是重新 gererate 下文件，然后重新部署。...另外有一个值得注意的地方，如果配置了自定义域名，在目前的情况下，每次部署的时候这个自定义域名的设置是会被自动清除的。

1.6K1 0

Z-blogPHP《小清新》至简至美个人博客主题模板，自适应加SEO优化

，但是这款主题跟以往都有所不同，除了顶部的智能跟随导航和侧栏的热评文章采用之前模块，其他均是新样式新风格，奥，对了，评论也是之前的，我认为一个好的方案在没有更完美的前提下，为什么不继续使用呢，你说呢？...-- 新增图片延迟异步加载代码，开启后可以实现，图片异步加载，需要设置一张占位图片，未加载的时候显示占位图片，滚动条下拉时才逐渐显示文章缩略图，但是在搜索引擎的快照下，不会显示文章缩略图而是占位图，按需开启...2020/05/25 V、优化网站缩略图php代码。 V、优化导航栏之间的间距。 V、优化搜索结果，在没有内容的情况下，友好提示！ 2020/05/18 V、优化顶部背景图视觉差特效。...2020/05/13 V、优化评论js代码，修改评论模板接口函数。 V、优化文章页文章推荐，删除阅读和评论数，修改成文章发布时间。 V、精简代码，提升网站打开速度！...在就是评论信息，默认就行，有好玩的句子有可以修改，然后直接保存就行了，网友在评论的时候就可以快捷回复了。

3.3K2 0

PHP 7 vs HHVM 直接性能对比

性能测试： HHVM 比之前的 PHP 版本能提供更快速的性能。但是最近的性能测试认为至少在某些情况下 PHP7 是比 HHVM 稍微快些。...除了开发出 HHVM 的 FaceBook 公司外，还有很多其他公司也采用了这个方案，在服务器上用 HHVM 运行 PHP 应用，包括 Wikimedia 和电子商务网站 Etsy。...在和 PHP7 相比，HHVM 暂时只有很轻微的速度好处，企业会急着切换回 PHP。 Facebook 正在继续开发 HHVM。...如果你的网站是用 WorldPress 创建的，那么你可以看看最新版本的 HHVM 和 PHP 7 的基准测试结果，从测试结果可以发现两者在性能上的差异，然后你就可以选择解决方案，最大限度地减小页面加载时间...一个低效的网站也会让你的声誉受损，那将很难挽回。相对于旧版本的 PHP，HHVM and PHP 7 都更有益。作出决定，尽快将你的网站切换到新的系统。 ---- 英文标题：PHP 7 vs.

1.6K4 0

软件开发|会话与 Cookie：用户登录的原理是什么?

Facebook、Gmail、Twitter是我们每天都会用的网站（LCTT译注：才不是呢）。它们的共同点在于都需要你登录进去后才能做进一步的操作。...只有你通过认证并登录后才能在twitter发推，在Facebook上评论，以及在Gmail上处理电子邮件。那么登录的原理是什么？网站是如何认证的？它怎么知道是哪个用户从哪儿登录进来的？...用户登录的原理是什么?每次你在网站的登录页面中输入用户名和密码时，这些信息都会发送到服务器。服务器随后会将你的密码与服务器中的密码进行验证。如果两者不匹配，则你会得到一个错误密码的提示。...这一点与现实生活中不一样，现实生活中的关系可以在不见面的情况下持续很长一段时间，而会话具有时间限制。你必须要不断地通过一些动作来告诉服务器你还在线。否则的话，服务器会关掉这个会话，而你会被登出。...不过在某些网站上可以启用“保持登录”功能，这样服务器会将另一个唯一变量以cookie的形式保存到我们的浏览器中。这个唯一变量会通过与服务器上的变量进行对比来实现自动登录。

8833 0

超全面！如何用 GitHub 从零开始搭建一个博客？

1K2 0

全球主流社交媒体算法解析：Facebook、YouTube、Twitter如何利用算法推荐内容？

对于许多发布者而言，这意味着流量的终结，甚至在某些情况下，这意味着他们整个业务模型的终结。对于那些希望在社交媒体中分一杯羹的品牌来说，它们则需要转变观念。...算法在以下情况中可以帮助你：成为可靠的内容生产者，制作原创内容，只在极少的时候链接到你自己的网站。...当你在制定Twitter策略的时候，必须考虑到这一点。不过，Twitter为用户提供了在算法时间轴和正常时间轴之间切换的选择，尽管默认情况下是使用算法时间轴。...更糟糕的是，购买假粉和假互动来夸大其粉丝数量，这种情况在Instagram上也很盛行。从第三方网站上购买几千个粉丝只需很少的费用（5-10美元），用相似的价格，还可以让“人们”点赞并评论你的内容。...现在，在重新登陆instagram后，你可以在时间轴中看到上次登录时你互动最多的人发布的内容。参与度是Instagram算法的关键排名因素。

2.7K2 0

Speed丨如何快速给网站添加Pjax？

Pjax是一种很多网站( facebook, twitter)都支持的浏览方式，当你点击一个站内链接的时候，不是做页面跳转，而是只是站内页面刷新。...设置后的这些网站的ajax刷新是支持浏览器历史的，刷新页面的同时，浏览器地址栏位上面的地址也是会更改，用浏览器的回退功能也能够回退到上一个页面。Pjax是可以增加访客打分的好功能。...2.极大地减小了服务器的资源消耗。如何添加？ ① 检查你的网站是否引入1.7.0版本以上的jquery.js，如果没有请全局引入。...问题比如：pjax之后多说评论框不加载，ajax评论不能提交等等问题。问题原因：原先容器绑定的事件被新容器替换掉了，新容器的div没有绑定事件，所以点击无效。...解决方法：利用pjax的加载完成回调函数，重新绑定事件。

1.8K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

在不重新加载网站的情况下切换Facebook评论

基础概念

相关优势

类型

应用场景

遇到的问题及解决方法

问题：在不重新加载网站的情况下切换Facebook评论

参考链接

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐