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

无法将Facebook帖子嵌入下一个JS生成的页面

是因为Facebook的嵌入代码通常是通过iframe标签实现的,而JS生成的页面无法直接嵌入iframe标签。不过,可以通过其他方式来实现类似的功能。

一种解决方案是使用Facebook提供的API来获取帖子的内容,并在JS生成的页面中通过AJAX请求来获取并展示帖子内容。具体步骤如下:

  1. 在Facebook开发者平台创建一个应用程序,并获取应用程序的App ID和App Secret。
  2. 在JS生成的页面中引入Facebook的JavaScript SDK,并使用App ID初始化SDK。
代码语言:txt
复制
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'your-app-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>
  1. 使用Facebook的API来获取帖子的内容。可以使用Graph API的/{post-id}端点来获取指定帖子的内容。
代码语言:txt
复制
FB.api(
  '/{post-id}',
  'GET',
  {},
  function(response) {
    // 处理获取到的帖子内容
    console.log(response);
  }
);
  1. 根据获取到的帖子内容,在JS生成的页面中展示帖子。

需要注意的是,使用Facebook的API需要进行身份验证,因此可能需要用户登录Facebook账号才能正常获取帖子内容。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。

  • 腾讯云云服务器(CVM):提供可扩展的云服务器实例,适用于各种规模的应用程序和工作负载。详情请参考:腾讯云云服务器
  • 腾讯云对象存储(COS):提供安全、稳定、低成本的对象存储服务,适用于存储和处理大规模的非结构化数据。详情请参考:腾讯云对象存储
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

解决在页面无法获取qrcode.js生成base64图片

应用场景     生成带二维码推广海报图片旧方法:    将用户自己推广连接先通过qrcode.js生成二维码,然后再用后台返回一张背景图片和二维码通过canvas绘制成一张海报。...所以决定通过后台生成二维码放在页面,然后JS只需要获取后台返回base64二维码和海报绘制再生成图片,最后安卓苹果手机都能显示了。1....;//这里就是把生成图片流从缓冲区保存到内存对象上,使用base64_encode变成编码字符串,通过json返回给页面。...$imageString;/**生成二维码*/3. 前端显示二维码,并js获取重新绘制<!...(10,10)为起始点,绘制图像ctx.drawImage(img, imgX, imgY,imgW,imgH); // js生成二维码在部分安卓机上无法获取到二维码图片资源最后onload不到

17810

DeepText:Facebook文本解析引擎

为什么要深度学习 文本处理包含许多任务,比如文章分类到篮球板块;识别其中实体,比如运动员名字;提取比赛统计数据以及其它有意义信息。...DeepText能够检测到这个帖子是在卖东西,然后提取一些有用信息,包括正在卖东西以及东西价钱。然后,会提示卖家使用Facebook已有的工具更好地达成交易。...采用手工方式很难生成这些数据集,于是我们开始尝试使用公共Facebook页面采用半监督方式生成这样数据集。很容易想象,这些页面上都是和特定主题相关帖子。...例如,在Steelers页面帖子都包含了与Steelers足球队相关文字。通过这些内容对我们称作PageSpace通用兴趣分析器,使用DeepText作为底层技术。...我们观察到,BRNNs比常规卷积或复发性神经网络做分类时错误率更低。某些情况下,错误率能够降低到20%。 深度学习技术应用到文本解析过程能够持续改进Facebook产品用户体验,反之亦然。

1.4K20
  • 为新Facebook.com重建我们技术栈

    一个为现代浏览器设计、具有用户对Facebook(我们已知)所有期望功能,我们现有的技术栈无法支持我们所需要类似于桌面应用感觉和性能。...这个骨架需要最少资源,但如果代码被打成一个包,我们就无法提前渲染,所以我们需要根据页面显示顺序代码拆分成包。...{ @module('VideoComponent.js') video_data } } (我们每个帖子类型所需依赖关系作为查询一部分来表达) 更赞是,PhotoComponent...尽早获得路由定义 对于Facebook来说,这个路由图太大了,无法一次性发送全部。相反,我们在会话期间,随着新链接呈现,动态地路由定义添加到路由图中。...为了提供更流畅体验,我们使用React Suspense转场[8]来继续渲染上一个路由,直到下一个路由完全渲染完毕或暂停到下一个页面的UI骨架 “友好 “加载状态。

    1.9K20

    钻芒博主首个汉化主题-Gliu – 创意WordPress博客主题

    为您帖子添加徽章您可以标记自己帖子。我们这些徽章设置为“新”,“热门”和“赞助”,但您可以根据需要更改这些词。要激活它们,只需在“编辑帖子”屏幕上看到“Gliu Post Options”面板。...可用样式是:经典(特色图片)英雄与灯光标题黑暗标题英雄没有特色图片画廊帖子图库添加到帖子中,然后选择“图库”帖子格式。它将显示在帖子页面的最顶部,在一个有用滑块中。...视频帖子您可以直接嵌入任何YouTube或Vimeo视频网址,然后选择“视频”帖子格式。Gliu将在内容中找到第一个视频并显示它而不是特色图像。...嵌入社交圈当您嵌入Twitter或Instagram帖子时,条纹图案将其作为整体概念一部分。只需确保您已添加社交图片的确切网址即可。...横幅管理我们主题有一个排行榜横幅管理系统,可让您将横幅添加到主页,页面帖子页面的10个不同位置。我们主题有一个排行榜横幅管理系统,可让您将横幅添加到主页,页面帖子页面的10个不同位置。

    8.6K20

    编写自己 WordPress 模板

    > 这称为 php excerpt 嵌入 HTML。(从技术上讲,我们在 php 文件中编写 HTML。所以我们 HTML 嵌入到 php 代码中)。...> 如果有任何帖子,而没有剩下,显示它们。此循环中任何内容都将重复,直到页面用完所有帖子。我们可以使用这个概念来显示我们列表。这就是我做法。...每次页面帖子时, index.php 中循环都会调用 content.php 。在 content.php 中,我检查了当前帖子是否为 is_single()。...如果当前页面仅包含要循环单个帖子,则此条件将成立。当它不是单身时,我想通过其标题链接到该帖子。所以我使用 get_permalink()来获取该特定帖子网址。...但是,如果页面是单一,则不需要链接,因此,我只使用了 the_title()函数。 转到帖子元信息。我已经展示了文章发表 the_date()和它 the_author()。

    1.4K30

    系统设计:Facebook新闻流设计

    需求 让我们设计Facebook新闻提要,其中包含来自Facebook帖子、照片、视频和状态更新 用户关注所有人和页面。...2.系统要求和目标 让我们根据以下要求为Facebook设计一个新闻提要: 功能要求: 1.新闻提要将基于用户访问的人员、页面和组帖子生成跟随。...•每个FeedItem都有一个用户ID,该ID指向创建它用户。为了简单起见,让我们假设只有用户可以创建提要项目,尽管Facebook页面上可以发布提要我也是。...类似地,我们可以有一个FeedMedia关系表 image.png 6.高层系统设计 从高层次上讲,该问题可分为两部分: 提要生成:新闻提要是从用户和实体(页面页面帖子(或提要项)生成用户遵循组...2.当用户加载页面时,我们生成时间线。这将是相当缓慢,并有一个高延迟。 3.对于实时更新,每个状态更新导致所有追随者提要更新。这可能导致我们新闻源生成服务出现大量积压。

    6.2K283

    2023最受欢迎20款渗透测试工具

    010 ScanQLi ScanQLi 是一个简单 SQL 注入扫描程序,具有一些附加功能。该工具无法利用 SQLi,只能检测到它们。...项目地址:github.com/OWASP/QRLJac QRLJacking 攻击流程 攻击者初始化客户端 QR 会话,然后登录 QR 代码克隆到网络钓鱼网站中:“现在,精心制作网络钓鱼页面具有有效且定期更新...攻击者网络钓鱼页面发送给受害者。 受害者使用特定目标移动应用程序扫描 QR 码。 攻击者获得对受害者帐户控制权。 该服务正在与攻击者会话交换所有受害者数据。 QR 码是二维条码一种。...Scraper 该机器人可抓取 Facebook 用户个人资料几乎所有内容,包括用户时间轴上可用所有公共帖子/状态,上传照片,带标签照片,视频,朋友列表及其个人资料照片(包括关注者,关注者,工作朋友...项目地址:github.com/harismuneer/ 特征 抓取 Facebook 用户个人资料几乎所有内容: 上传照片 标记照片 影片 朋友列表及其个人资料照片(包括关注者,被关注者等) 以及用户时间轴上所有可用公开帖子

    36710

    【AI 工厂】Facebook 计算机视觉 Lumos平台,内容理解之上图像技术

    回想一下你最近点赞帖子——非常可能是包含图片或视频。...变化是由于我们已将计算机视觉技术推动到下一个阶段,其目标是理解像素级图像。这有助于我们系统做图像方面的任务,例如识别图像中内容,图像中场景属于什么类型,是否是著名地标,等等。...反过来,这也有助于我们更好地为视觉障碍者描述图片,并为带有图片和视频帖子提供更好搜索结果。...创建“AI工厂” 为了 AI 编入到 Facebook 工程结构中,我们首先需要一个通用平台,以让我们工程师能够大规模地利用它。...图像嵌入(Image embeddings):图像嵌入生成高级语义特征,这是深度神经网络最后几层输出量化版本。这种丰富信息对改善图片搜索结果很有用。 ?

    96490

    Facebook上看到这样帖子,你还敢点开吗?

    因为这些帖子来源于你朋友被盗账户,看起来更具说服力和可信度,导致许多人上当受骗。 这场钓鱼活动大约在一年前开始,Facebook在阻止这些帖子方面遇到了麻烦,导致这些帖子活跃至今。...不过,当新帖子发布并且被举报后,Facebook会停用帖子Facebook.com重定向链接,使它们不再起作用。...对Facebook钓鱼帖子链接进行测试时,发现这些链接会根据用户所用设备类型导向不同网站。...Facebook钓鱼页面 来源:BleepingComputer 一旦你输入Facebook登录信息,威胁行为者就会盗取这些信息,并且该网站还会将你重定向到Google搜索页面。...因为只有你才能接收到这些验证码,所以即使你登录信息被窃取,未经授权用户也无法登录你账号。

    17110

    Instagram个性化推荐工程中三个关键技术是什么?

    我们嵌入版本覆盖了数百万个账户,并且使用 Facebook 最先进最近邻检索引擎 FAISS,作为支持检索基础架构。 ?...对于嵌入每一个版本,我们都训练了一个分类器,只能根据嵌入来预测一组帐户主题。通过预测主题与保留集里帐户手工标记主题进行比较,我们可以评估嵌入是如何获取主题相似度。...这需要为每个人在他们每次滑动 Explore 页面时预测最相关媒体。 例如,通过一个深度神经网络为每一个滑动操作评估500个媒体片段,这需要大量资源。...三、如何构建 Explore 推荐系统 利用IGQL语言、账户嵌入方法和上述蒸馏技术,Explore系统分为两个主要阶段:候选对象生成阶段(也称为寻源阶段)和排名阶段。 ?...如果一个用户在 Explore 系统中“收藏”了一个帖子重要程度高于他们选择“喜欢”操作帖子,那么“收藏”操作权重应该更高。

    1.1K20

    Facebook首次揭秘:超过10亿用户使用Instagram推荐算法是怎样炼成

    工程师能够以“类似Python”方式编写推荐算法,并补充了帐户嵌入组件,可以识别局部高度相似的配置文件,并将其作为帐户级信息检索流程一部分。 ?...Facebook表示,在Explore中基于兴趣对账户进行排名,需要预测与每个账户相关度最高内容,生成轻量级排名提炼模型,该模型在候选账户传递给更复杂排名模型之前,会对账户进行预选。...最后,另一个具有全特征模型选择25个最佳候选内容,这些候选内容填充至“explore”网格中。 ? 上图:当前最终通过模型架构图示 有时,首次滤过模型会按照内容排名顺序模仿其他两个阶段模型。...算法会使用值模型公式进行预测,以获取行为集中程度,然后加权和确定用户行为重要程度,比如“保存”帖子和“喜欢”帖子重要性孰高孰低。...无论是添加新格式媒体,还是不同主题帖子(比如购物帖),都是很有趣体验。”

    84220

    拥有 10 亿月活跃用户 Instagram 是怎么设计内容推荐系统

    我们嵌入覆盖了数百万个账户,并使用 Facebook 最先进近邻检索引擎 FAISS 作为支持检索基础设施。...Ig2vec 预测账户内容相似性功能演示 对于每一个版本嵌入,我们训练一个仅根据嵌入预测一组帐户主题分类器;通过预测主题与保留集中帐户的人工标记主题进行比较,我们就可以评估嵌入如何捕获主题相似度...这需要在每个人每次滚动 Explore 页面时预测出最相关媒体。 我们通过一个深层神经网络,对每一个滚动操作评估 500 个媒体片段。...利用 IGQL、账户嵌入和蒸馏模型技术,我们 Explore 推荐系统分为两个主要阶段:候选生成阶段(也称为寻源阶段)和排序阶段。...如果我们认为一个人在 Explore 中保存一个帖子重要性高于他们喜欢帖子,那么「保存」行为权重应该更高。

    1.1K31

    InstagramExplore智能推荐系统

    在这篇博客文章中,我们分享 Explore 中关键元素详细概述,以及我们如何在 Instagram 上为人们提供个性化内容。...我们嵌入覆盖了数百万个账户,我们使用 Facebook 最先进近邻检索引擎 FAISS作为支持检索基础设施。 ? 对于每个版本嵌入,我们训练一个分类器仅基于嵌入来预测一组帐户主题。...通过预测主题与验证集中的人工标记主题进行比较,我们可以评估嵌入在多大程度上捕获了主题相似性。...这需要在每个人每次滚动 Explore 页面时预测出最相关媒体。 例如,通过深度神经网络对每个滚动动作进行评估,即使只有 500 个媒体片段,也需要大量资源。...利用 IGQL、account embeddings 和我们蒸馏技术,我们 Explore 推荐系统分为两个主要阶段:候选生成阶段(也称为采购阶段)和排名阶段。 ?

    2.6K31

    Facebook数据被滥用?8个视频案例教你用好Facebook Graph API

    Facebook拥有大量数据供您探索,您可以使用以下数据做很多事情:分析Facebook页面Facebook群组,这些数据用于社交网络分析(SNA),为数字营销做数据分析, 甚至收集和保存自己个人项目的数据...第2课:下载并保存Facebook数据 在本视频中,我向您展示如何从Facebook页面Facebook群组下载并保存所有数据,并记住某些要点。...第4课:评论最多帖子 在第四课中,我向您展示一种简单方式,以获得评论最多帖子。...https://v.qq.com/x/page/r0609s6vt80.html 第6课:计算词频 在这个视频中,我向您展示如何数一个组或一个页面所有帖子词频。...https://v.qq.com/x/page/j0609g7vvhp.html 第7课:按关键字对帖子进行分组 在这个视频中,我会将在页面中具有关键字“free”帖子进行分组,并计算有多少人拥有这个关键字

    1.3K20

    静态网站生成器推荐:构建高性能网站利器

    通过文档进行翻译,您可以扩展并发展国际社区。...可定制化:Docusaurus 不仅提供了主页、文档页面、博客以及其他辅助页面等关键功能模块来帮助你开始使用,在此基础上也提供了丰富可定制选项,确保每个人都拥有与众不同网站。...以下是 Pelican 核心优势和关键特性: 支持按时间顺序排列内容 (例如文章、博客帖子) 以及静态页面 集成外部服务 网站主题 (使用 Jinja2 模板创建) 多语言支持 自动生成 Atom 和...主要功能: 使用现代工具如 Vue.js、webpack 和 Node.js 构建网站。...简单易用:通过各种功能组合在一起,你可以轻松地创建自己想要博客或网站。 可扩展性强:使用 Metalsmith 插件系统,你可以根据需要添加、删除和定制不同功能模块。

    63320

    Code Embed:在WordPress文章和页面中添加Javascript最佳插件

    所以,当我们在谈论在WordPress中嵌入JavaScript时,特指的是浏览器端JavaScript。 为什么要在WordPress文章或页面中添加JavaScript?...比如在本博客WordPress 精品插件大全页面的开发小记中Python代码、PHP代码嵌入就是直接使用了gist提供JavaScript嵌入方式 PHP文件:WordPress核心代码中已经自带了很多...可以在任意文章或页面里插入HTML、JavaScript,嵌入视频时候特别有用 结合 Widget Logic 插件,可以支持有条件插入 全局性调用,在一篇文章/页面嵌入后可以在其他文章/页面中调用...第4步:编辑页面帖子,插入短代码 现在,你可以使用此自定义字段CODEshowtimeJavaScript代码嵌入到文章中任何位置。只需在帖子内容任何位置添加这个名字即可 ,见上图。...总结 该插件可帮助你创建新JS字段,并可以在所有页面和文中重复使用。只需要输入JS字段名称以及包含JS代码值字段。填写字段后,就可以在内容中使用字段名称。

    4.5K40

    Vue项目骨架屏注入实践

    可以看一下下面Facebook骨架屏实现,可以看到在页面完全渲染完成之前,用户会看到一个样式简单,描绘了当前页面的大致框架骨架屏页面,然后骨架屏中各个占位部分被实际资源完全替换,这个过程中用户会觉得内容正在逐渐加载即将呈现...生成骨架屏方法 生成骨架屏方式主要有: 手写HTML、CSS方式为目标页定制骨架屏 做法可以参考,主要思路就是使用 vue-server-renderer 这个本来用于服务端渲染插件...自动生成并自动插入静态骨架屏 这种方法跟第一种方法类似,不过是自动生成骨架屏,可以关注下饿了么开源插件 page-skeleton-webpack-plugin ,它根据项目中不同路由页面生成相应骨架屏页面...,样式内联到 head 标签中。...网速调为Gast 3G / Slow 3G就能看到效果了~ 网上帖子大多深浅不一,甚至有些前后矛盾,在下文章都是学习过程中总结,如果发现错误,欢迎留言指出~

    48521

    一个关于Facebook用户个人和好友隐私信息泄露漏洞

    因为我自己对iframes一些特别跨域行为(cross-origin)算是有些了解,于是,我想到了以下测试技巧: 首先,让我们来看一下Facebook中内置搜索功能页面,该功能有一个后端接口,用来接收一些搜索参数...Facebook受害者用户去打开我们构造恶意网站,让他点击网站上任何地方,这种地方可以嵌入一些JavaScript脚本进行迷惑,之后,用构造成型跳出Facebook搜索页面弹出窗或新标签,引诱用户执行我们想要任何搜索查询结果...页面,引诱受害者用户执行搜索,返回我们想要收集信息,这样就可以间接对其个人隐私窃取。.../109523995740640/users-religious-view/106078429431815/residents/present/intersect 查看当前Facebook受害者是否在朋友圈发布了包含某个特定词汇帖子...受害者是否有朋友,在朋友圈发布了包含某个特定词汇帖子:https://www.facebook.com/search/posts/?

    86540

    使用深度学习训练聊天机器人与人对话

    在这篇文章中,我们更多地关注只采用文本操作聊天机器人。Facebook一直在大力投资FB Messenger机器人,它允许小型企业和组织创建机器人来提供用户支持和提出问题。...编码器工作是输入文本信息封装成固定表示形式。解码器作用是获取该表示形式,并生成一个可对其作出最佳响应可变长度文本。 ? 让我们来看看如何在更详细层次上工作。...* *更新:事后,我了解到Tensorflow Seq2Seq函数从头开始训练词嵌入,所以即使我不使用这些词向量,它仍然是很好练习* * 创建带有TensorflowSeq2Seq模型 现在我们已经创建了数据集并生成了词向量...你可以查看这里Flask服务器代码和聊天机器人索引。js文件。 测试模型 如果你想和这个机器人聊天,就去到这个链接或者到这个Facebook页面,点击发送消息按钮。...(可选)通过Word2Vec.py为每一个在我们对话中出现生成词向量。 4.在Seq2Seq.py中创建、训练和保存序列模型。 5.创建Facebook聊天机器人。

    2.8K100
    领券