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

如何将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, 部署博客的服务器自动拉取最新的代码.

65810

如何将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
  • 如何将WordPress文章中的外链图片自动下载到本地?

    本地化插件当我们想引用其他网站上的图片时候,直接使用外链不仅不能保证图片的稳定性,还有可能影响页面打开速度,然而如果一个个下载再上传又十分费力。 ...好在WordPress很多插件或者代码都可以实现自动将外链图片下载到本地,最终我选择了一个叫:nicen-localize-image 的插件(可以在WP插件市场搜索安装)。...安装插件选择这个插件的主要原因是它功能强大,而且用起来很简单,而且开源!...插件支持如下的一些功能:文章发布前通过编辑器插件本地化文章手动发布时自动本地化文章定时发布时自动本地化针对已发布的文章批量本地化。....看了一下插件的设置界面,功能确实挺丰富的。...本地化图片的功能也确实好用,编辑或者发布文章的时候自动就处理好了。本地化

    10010

    ​工作中后端是如何将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

    47920

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

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

    31220

    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.8K51

    【DEDE页面】dedecms去掉友情链接中“织梦链”的方法V5.6和V5.7

    DEDE织梦cms常用的参数标签汇总、以及操作过程中的一些bug问题解决方法,dede网站二开,以下龙腾飞网络科技-小吴在建站实操中笔记记录,织梦dede建站教程保存使用非常方便: 【DEDE建站教程】...dedecms去掉友情链接中“织梦链”的方法 一、dedecmsV5.7去除友情链接中的织梦链的方法 后台模块---文件管理器,找到织梦CMS V5.7根目录,include/taglib/flinktype.lib.php...$dedecms = false; $dedecms->id = 999; $dedecms->typename = '织梦链'; if($type == 'dedecms') $row[] = $dedecms...; 二、dedecmsV5.6去除友情链接中“织梦链投放”连接的方法: 后台模块---文件管理器,找到织梦CMS V5.6根目录,include/taglib/flink.lib.php 文件,删除如下代码...// 获取织梦链 $cache_file = DEDEDATA.'

    3700

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

    uni-app的web-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-app的vue页面本身是一个webview,vue页面里的web-view组件,其实是一个子webview

    3.3K10

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

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

    59831

    微信小程序初见+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 地址。

    20610

    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库,你可以从以太坊区块链中读取各种数据。...如果你有其他疑问或问题,请随时在评论区提问。

    37530

    Giselle 主题帮助文档 & FAQ

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

    1.6K20

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

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

    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

    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 欢迎大家积极

    48750
    领券