首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何将FB API中的评论链接到页面?

将FB API中的评论链接到页面可以通过以下步骤实现:

  1. 首先,确保你已经在Facebook开发者平台上创建了一个应用,并获取到了相应的应用ID和应用密钥。
  2. 在你的页面中,引入Facebook的JavaScript SDK。你可以在页面的<head>标签中添加以下代码:
代码语言:txt
复制
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '你的应用ID',
      cookie     : true,
      xfbml      : true,
      version    : 'v13.0'
    });
  };

  (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 = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

确保将上述代码中的你的应用ID替换为你在Facebook开发者平台上创建的应用的实际应用ID。

  1. 在需要显示评论的页面中,添加一个HTML元素,用于显示FB评论插件。例如,你可以在页面的合适位置添加以下代码:
代码语言:txt
复制
<div class="fb-comments" data-href="你的页面链接" data-numposts="5" data-width=""></div>

确保将上述代码中的你的页面链接替换为你想要链接评论的页面的实际链接。你还可以根据需要调整data-numpostsdata-width属性来控制显示的评论数量和插件的宽度。

  1. 最后,在页面加载完成后,调用FB的JavaScript SDK来解析并显示评论插件。你可以在页面的合适位置添加以下代码:
代码语言:txt
复制
<script>
  FB.XFBML.parse();
</script>

这样,当页面加载完成后,FB评论插件就会被正确地显示在页面上,并且与FB API进行了链接。

请注意,以上步骤仅适用于使用FB评论插件的情况。如果你需要更高级的功能或自定义选项,可能需要使用FB的其他API来实现。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

自动添加 twikoo 评论

在本文中您将会看到: 低技术力 低效率 几乎没有的可移植性与可拓展性 唯一优点: 对于新手 (我自己) 来说不需要掌握很多技术就能实现 需求 hexo 页面和文章一样, 要想更新就得重新生成并部署...目前有通过 issue 添加友方法, 但是对于我这种懒人来讲, 能在评论区做就不想再开个网页, 所以我想要做出一点更改, 能自动获取评论信息并直接添加(这建立在自动部署前提上)....关于审核什么, 我就不关心了, 现在评论一共都没多少 思路 我博客评论是 twikoo, 云函数代码我看不到(当然也肯定看不懂), 于是就只剩下 JS 了, 简单 F12 看一下, 发现点击发送按钮后...只需要在 twikoo.all.js 向 twikoo 云函数发送 post 请求同时给我自己服务器也发一个评论内容 post 请求, 后端解析得到 json 格式字符串, 就能提取到新增友需要昵称..., 头像, 邮箱, 网址信息, 然后通过 Github API 更新仓库 link.yml 文件, 然后触发 webhook, 部署博客服务器自动拉取最新代码.

64810

如何将Tableau Server视图嵌入web页面

Tableau作为可视化数据分析软件佼佼者,将数据运算与美观图表完美地嫁接在一起。它程序很容易上手,各公司可以用它将大量数据拖放到数字“画布”上,转眼间就能创建好各种图表。...1、客户端请求数据:当用户访问具有嵌入式 Tableau Server 视图网页时,该客户端会向 Web 服务器发送请求,要求返回页面地址。.../div> 这样我们就完成了将tableau server视图嵌入自己页面...Tableau JavaScript API:https://onlinehelp.tableau.com/current/api/js_api/en-us/JavaScriptAPI/js_api.htm...你也可以后台留言说出你疑惑,阿Q将会在后期文章为你解答。每天学习一点点,每天进步一点点。 转发和在看更重要

3.2K20
  • ​工作后端是如何将API提供出去?swaggo很不错

    工作后端是如何将API提供出去?...应用案例 要是感兴趣的话,咱们以后可以多多深入探讨和分享,欢迎查看文章 今天咱们来分享一下咱们在工作,后端小伙伴是如何将 API 高效提供出去呢?...大致有如下 2 个优势: 支持 API 自动生成同步在线文档 使用 Swagger 后可以直接通过代码生成文档,不再需要自己手动编写接口文档了 提供了 Web 页面在线测试 API Swagger 生成文档还支持在线测试...监听指定地址和端口 上述代码编写完毕之后,咱们可以在和main.go 同级目录初始化一个 go模块,再go build咱们运行程序 go mod init myswa go build 上述命令...version: "1.0" paths: {} swagger: "2.0" 实际UI显示数据来源于上述 两个文件 对于上述注释关键字,咱们列一个表格瞅瞅 总结 分享了权限管理是什么 Casbin

    47120

    如何使用Mantra在JS文件或Web页面搜索泄漏API密钥

    关于Mantra Mantra是一款功能强大API密钥扫描与提取工具,该工具基于Go语言开发,其主要目标就是帮助广大研究人员在JavaScript文件或HTML页面搜索泄漏API密钥。...Mantra可以通过检查网页和脚本文件源代码来查找与API密钥相同或相似的字符串。这些密钥通常用于对第三方API等在线服务进行身份验证,而且这些密钥属于机密/高度敏感信息,不应公开共享。...通过使用此工具,开发人员可以快速识别API密钥是否泄漏,并在泄漏之前采取措施解决问题。...除此之外,该工具对安全研究人员也很有用,他们可以使用该工具来验证使用外部API应用程序和网站是否充分保护了其密钥安全。...总而言之,Mantra是一个高效而准确解决方案,有助于保护你API密钥并防止敏感信息泄露。 工具下载 由于该工具基于Go语言开发,因此我们首先需要在本地设备上安装并配置好Go语言环境。

    30020

    WordPress主题Siren二开美化版

    最后更新版本修改,就摘几条重要地方来说下吧…… 主题修改 任何页面背景头图可以选择使用随机图片API显示,比如 漫月API PC 端首页博主描述,可以选择使用“一言”代替,由 Hitokoto...注意事项 使用友页面需要在链接中新建分类,并且把链接放到分类里面才能显示链接。 比如说某个分类可以用于显示崩坏掉却暂时不撤销 ~ 美图欣赏: ? ? ? ? ?...更新日志 2018.01.08 修复某些浏览器点击回复别人评论时,页面滑动错误;点击回复不再需要下拉页面找输入框了 修复发布版本 Live2D 无法启动问题 2018.01.09 修正友模板默认头像图片路径...友分类添加判断,没有友时不显示友分类元素 2018.01.10 添加管理员前台 AJAX 删除评论功能 修改移动端评论列表评论时间显示效果 2018.01.14 移除难看烦人 ServerChan...修复评论贴出代码时,翻页评论时 Prism 代码高亮失效问题 2018.06.08 更改友页面代码,按照链接分类显示,支持自定义分类名称了 友页面新增一个“瀑布流”样式,在主题“其它”设置可以找到并更改

    4K30

    介绍、如何发外及对SEO作用浅析!

    下面我们先来看看外使用场景 —— 网站优化流程:选词 —— 选文 —— 发文 —— 提交 —— 收录 —— 索引 —— 排名 —— 转化 那么问题来了:我们接到一个网站,选词、发文、提交链接、收录...一、分类: 首先通过“外”在网络(互联网)存在形式,将外分为两大类:“临时外”、“永久外”,当然这里所说“永久”是指网站管理员不删除外相应页面的情况下。...01.临时外: 日常生活,我们在各大网站or搜索引擎搜索框(input表单)填写内容并搜索时,在网站上就会留下搜索“痕迹”,并自动生成以网址为标题静态页面。...2.FaceBook 外: Facebook跟Google是有合作,所以你懂~fb权重也是非常6。方法同上!...我们可以直接找到相关论坛,注册帐号,选取何时帖子进行探讨评论评论时候不要水贴,高质量回复并加上要做链接。

    5.7K51

    uniapp在web-view加载本地及远程HTML调用uniAPI及网页和vue页面通讯

    uni-appweb-view组件,支持加载远程网页,在app环境下,还支持加载本地HTML页面。在web-view加载页面,会涉及wx、plus、uni等对象使用。...HBuilderX 1.0.0 版本开始,uni-app 支持在 web-view 调用 uni API。...引用依赖文件在 web-view 加载 HTML 调用 uni API,需要在 HTML 引用必要 JS-SDK。<!...调用时机在引用依赖文件后,需要在 HTML 监听 UniAppJSBridgeReady 事件触发后,才能安全调用 uni API。...参考文档:web-viewweb-view组件在app窗体关系和plus.webview操作方式uni-appvue页面本身是一个webview,vue页面web-view组件,其实是一个子webview

    2.8K10

    SEO人员,该如何提升某一个页面权重?

    在做SEO过程,我们每天都会在思考,如何让某一个页面的关键词排名,能够得到有效提升,而在这个过程,很长一段时间,我们认为:当我们试图在提升某个词排名时,实际上,我们是在试图提高某一个页面的权重...3、外资源 这是我最喜欢一个策略,随着链接资产增加,你页面将会累积更多权重,并且这给您带来了难以置信排名能力,因为您要链接到自己内部链接,随着该链接资产而变得更加强大。...因此,它使一切页面都显得更容易排名,具有较高权限时,您可以做最好链接构建就是链接到您自己,而且非常容易。 但是,您链接到其他人链接也变得更有价值,这使您成为更具吸引力目标。...同时,我们也需要学会,避免链接权重降低,这就需要我们学会善于筛选那些不良链接,它可能包括: ①来自站群博客外评论、黑、论坛评论等。 ②利用积极批量群发外,而非手工外。...5、页面主题 对于页面主题而言,是我们在提升页面权重,一个经常被忽略的话题,好像貌似一个页面只有有足够外部资源,就可以在短时间内,得到较高权重。

    58631

    微信小程序初见+nodejs服务端 (一个简单博客)「建议收藏」

    78796406 https://www.cnblogs.com/xuzhengzong/p/6943627.html 6、博客详情查看、编辑、删除功能 (1) modal:类似于javascript...,鉴权操作;鉴权要是在home判断会出现两次跳转进入详情页,鉴权操作应该在详情页onload事件判断 (2)openid 7、博客评论功能 (1)用户评论成功,重新加载页面     ...一次性查出该博客所有评论,再对数据进行筛选(递归)   针对页面树形图展示,使用自定义组件,可以参考 https://www.jianshu.com/p/dabca0161993?...https://developers.weixin.qq.com/miniprogram/dev/api/sendTemplateMessage.html 8、博客转载(分享事件) 9、我页面功能完善...value: ‘\xF0\x9F\x98\x8B\xF0\x9F…’ for column ‘post’ at row 1   解决办法: 在phpMyAdmin,对应字段属性排序规则,也设置为相应

    1.2K10

    为什么黑客都喜欢通过YouTube 传播木马恶意软件

    感染 YouTube 成为感染媒介 攻击者首先获取对 YouTube 频道控制权,这些频道往往好几年没有上传过任何内容。...攻击者不仅针对英语国家/地区,也包含其他语言(孟加拉语、西班牙语和印度尼西亚语等): SEO 投毒标签 攻击者在视频评论区,利用其他受控账户创建一系列正面的、积极评论,增加破解软件可信度。...虚假评论 视频描述里往往包含指向破解软件下载页面的 URL 地址与访问密码,攻击者经常会利用 Rebrandly 或 Bitly 等短链接服务来创建下载地址,降低被受害者怀疑概率。...用户点击就会跳转到知名文件共享平台 MediaFire : 下载地址 文件本身是一个 RAR 压缩文件,使用解压密码会得到 Setup.exe: 文件属性 文件属性声称 Setup.exe 文件是合法...在 vbc.exe 运行时,会定期连接到该 IP 地址。

    17910

    8个视频案例教你用好Facebook Graph API

    这些视频将向你展示如何做基本分析,例如: 从Facebook下载数据 从json转换为更方便数据结构 处理Graph API日期变量和其他数据 第1课:介绍和了解Graph API 在本视频,...第4课:评论最多帖子 在第四课,我将向您展示一种简单方式,以获得评论最多帖子。...https://v.qq.com/x/page/s06098fb92o.html 第5课:点赞最多帖子 在这个课程中发生了一些有趣事情,因为我发现我可以使用API访问了一些已删除帖子。...https://v.qq.com/x/page/r0609s6vt80.html 第6课:计算词频 在这个视频,我将向您展示如何数一个组或一个页面所有帖子词频。...您也可以在评论中使用相同功能。

    1.3K20

    解决Not possible to connect to the Web3 provider. Make sure the provider is runnin

    如果你使用是MetaMask,确保它已经在浏览器启用,并且你以太坊钱包已经解锁。检查网络连接:确保你网络连接正常,尝试刷新页面或重新连接网络。...('无法连接到Web3提供程序:', error); });上述代码,我们使用了Web3.js库来连接到一个Web3提供程序。...Web3是一个用于与以太坊网络和基于以太坊区块应用程序进行交互JavaScript库。它提供了一系列工具和方法,用于连接到以太坊节点、发送交易、读取区块数据、签名和验证交易等操作。...读取区块数据:通过Web3库,你可以从以太坊区块读取各种数据。...如果你有其他疑问或问题,请随时在评论区提问。

    33530

    Giselle 主题帮助文档 & FAQ

    Giselle 主题帮助文档 & FAQ 主题设置基于Inspire,任何关于本主题建议和问题反馈请在本篇文章留言讨论,我会统一收集,如果我们想法相符 + 有能力实现 + 不影响主题美观情况下,新功能会被加入到下一个版本...页面信息:填写相应创建页面的地址信息,方便其他功能调用,比如侧边栏阅读更多。 ?...社交 基础资料:自定义侧边栏与网站常规社交信息,如:微博、QQ 其他资料::github地址(可选)、个人资料卡阅读更多链接地址(可链接到关于页面)。 风格 颜色:网站字体、按钮等颜色设置。...访客UserAgent:显示访客浏览器和操作系统信息 访客头衔:根据评论数量显示不同头衔名称(根据个人全站评论数量) ? SEO 目前填写你网站关键字和描述信息,其他功能后期可能会加入。...拓展 这个选项是拓展功能,未来有新功能会加这里 播放器:开启后需要刷新页面,后台主菜单会多出一个音乐设置页面,填写你音乐信息,目前只能用网易云专辑ID来调用音乐,因为网易云最近换了API 消息通知框

    1.6K20

    1.1 安装VirtualBox并在其中安装好Ubuntu

    最近开始研究区块,对这个新兴技术有了基本概念上了解,所以打算基于一个开源项目做做实验。...如果是做数字货币,那么比特币源代码是最好了,不过这算是区块1.0吧,已经有很多改进竞争币和山寨币出来了,所以打算对区块2.0,也就是智能合约入手。 智能合约比较成功就是以太坊了。...以太坊主要是公有,其实对企业应用来说并不是特别合适,而且本身并没有权限控制功能,面向企业,主要还是超级账本HyperLedgerFabric和刚刚开源出来R3Corda。...='*'" 接下来就需要设置国内Docker镜像地址,需要注册一个账号,然后在加速器页面提供了设置Docker镜像脚本,加速器页面是: https://www.daocloud.io/mirror...3.2 在REST API测试Example02 前面我们已经说到,容器7050端口会映射成Ubuntu7050端口,我们在Ubuntu下,运行ifconfig,可以看到UbuntuIP,然后我们回到

    1.1K20

    只学十分钟,Python菜鸟也能开发一个区块客户端

    在这篇文章,Adil Moujahid 由双重支付问题引出去中心化支付方案,介绍公钥密码学、Hash函数、挖矿等区块核心概念,并详细阐述如何产生一个新区快、如何将新区快添加到区块等问题,最后,利用...加密:用于确认发送人持有她想要发送比特币,并决定如何将交易添加到区块。 不可变:交易只能添加到区块,但不能删除或修改。...启动一个Python Flask应用程序,使用它来创建不同API,与区块及其客户端进行交互。 ? 下面定义3个Flask html页面返回路径,每个标签连接一个html页面。 ?...启动一个Python Flask应用程序,使用它创建不同API以与区块进行交互。 ? 接下来,启动Blockchain实例。 ? 定义2条返回区块前端html页面的Flask路径。 ?...'/ mine':此API运行工作量证明算法,并将新交易块添加到区块。 ? ? ? 下面定义Flask API来管理区块节点。

    2.1K20

    小程序开发注意点儿,新手入门基础

    2、默认宽度 小程序推荐使用rpx做为单位(当然你用px和em照样起作用),默认页面宽度是750rpx,所以,UI同学在给设计稿时,建议也是这个尺寸。...,对于喜欢使用图标字体同学来说,当然希望小程序也能使用。...对于公用CSS,我们可以写在app.wxss,公用JS,可以写在util目录下,方便其他文件进行调用 .button.light { background-color: #a0e2fb; color.../utils/util.js'); 9、动态删除评论 小程序里面是没有节点插入和删除,只能通过show,hide来实现,这里说一下评论内容比较多时候如何删除评论?...对于用户来说,习惯了长按,这时候我们可以做一个长按保存二维码到手机功能,直接监听bindlogntab事件,调用保存图片API: wx.saveImageToPhotosAlbum({ success

    1.5K110

    建设最新做法-如何让网站流量暴涨

    (Backlinks),也有人称它是导入链接和反向链接,是指从别的网站上链接到你网站链接。...nofollow也是HTML页面a标签属性值。这种nofollow标签没办法给网站传递权重,对排名算法也没有影响。一般这样nofollow性质网站有博客评论、新闻发布还有付费广告。...因为搜索引擎比较重视链接类型是内容里反向链接,所以如果你位于页面的主内容区域,即处在了页面的核心区域,就会比位于页面下方或侧边栏或页脚链接具有更高权重。...6.7评论(Blog Comments) 在论坛留言并留下自己链接这种方式就是评论,目前很多评论留言都是nofollow性质。...点击links,找到External Links(外数量), 点击External Links列表网址就可以查看最常链接到这个网页

    1.7K10

    Golang快速开发框架——增加认证基础测试模块(十)

    下面我们开始对于该框架进行继续完善,本节我们要完成需求是: 增加一个原始登录页面 增加一个原始登录效验接口 1、在/templates/home目录下创建一个login.html页面 {{define... {{end}} 2、在/src/base/web/router/init.go...,以便于我们模拟接口能成功被加载 // 以下为本框架基础接口部分,可以根据选择进行去除或添加 rg := r.Group("/api") loginRouter(rg) 注意这里之前编写日志...zap时提前存储了log.Logger,并且其中Logger做了调整,如下图: image.png image.png image.png 好了,基础路这样我们就编写完了,下面我们就要开始编写...image.png 注: 这个框架我初步想法时后续增加可视化页面、代码快速生成模块、项目框架快速生成模块等等,有其他需求想法小伙伴欢迎在评论区留言或直接到代码仓库中提出宝贵issue 欢迎大家积极

    47950
    领券