Javascript 如何仅将类似facebook的文本框输入我的网站?

Javascript 如何仅将类似facebook的文本框输入我的网站?,javascript,jquery,html,facebook,Javascript,Jquery,Html,Facebook,我正在使用的网页,我想使用到我的网站 这是我从开发者/facebook获得的代码 <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 = "//c

我正在使用的网页,我想使用到我的网站

这是我从开发者/facebook获得的代码

<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_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="https://www.facebook.com/manchesterunited" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="true" data-show-border="false"></div>

(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);

我可以自定义这个插件,或者只能从这个插件中获取文本。更具体地说,我想一个接一个地显示状态更新,并在p标签中每秒更改一次

facebook社交插件只能通过在facebook开发者页面上选择配色方案选项等以非常有限的方式进行定制,网址为:

你可以使用围绕facebook注入代码的div进行一些小的样式设计,并利用溢出控件和背景色等功能,但这还不能改变内容的显示方式

听起来要实现您想要做的事情,您需要使用opengraph API并编写一些自定义代码,从中检索喜欢的/提要和样式

以下评论:

您可以在PHP或JS中相对轻松地完成这项工作。Facebook为这两个网站都提供了SDK,它们可以为你提供开箱即用的重担。最困难的任务实际上是解析JSON并知道要调用的正确URL

这是一个关于如何使用Javascript API的非常好的教程:(使用jquery,而不是纯Javascript,但涵盖了基础知识)


PHP方面:这篇文章有一个很好的例子:

你不能只从类似Facebook的Box插件中获取纯文本,定制这些插件非常困难

您将需要使用opengraph API并获取页面帖子的deJSON。 例如,我尝试使用API浏览器获取stackoverflow facebook页面:

要使用graph API,您需要有效的访问令牌和页面的id或名称:

/page\u id/posts


然后,您需要使用JSON解析器获取请求数据,并根据需要显示数据。

从哪里开始?你能给我一些链接/提示吗?你希望展示什么类型的内容?它是不是贴在你是管理员的页面上?您喜欢使用哪种编程语言?是的,在我自己的页面上发布。主要是JavaScript,但我也有php方面的知识。谢谢Steve。感激