Facebook SDK的最佳使用+;html5与xfbml
我已经在我的网站上实现了facebook JavaScript SDK网站上所述的JavaScript SDK:Facebook SDK的最佳使用+;html5与xfbml,facebook,html,xfbml,Facebook,Html,Xfbml,我已经在我的网站上实现了facebook JavaScript SDK网站上所述的JavaScript SDK: <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ appId : 'YOUR_APP_ID', // App ID channelUrl : '//WWW.YOUR_DOMAIN.COM/chann
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
window.fbAsyninit=函数(){
FB.init({
appId:'你的应用程序ID',//应用程序ID
channelUrl:'//WWW.YOUR_DOMAIN.COM/channel.html',//频道文件
状态:true,//检查登录状态
cookie:true,//启用cookie以允许服务器访问会话
xfbml:true//解析xfbml
});
//这里有额外的初始化代码
};
//异步加载SDK
(职能(d){
var js,id='facebook jssdk',ref=d.getElementsByTagName('script')[0];
if(d.getElementById(id)){return;}
js=d.createElement('script');js.id=id;js.async=true;
js.src=“//connect.facebook.net/en_US/all.js”;
ref.parentNode.insertBefore(js,ref);
}(文件);
但是在like plugin code部分,它给出了以下代码:
<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&appId=YOUR_APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
(功能(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&appId=YOUR_APP_ID”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
我的第一个问题:什么是更好的代码?他们之间有什么不同吗?
我的第二个问题是关于按钮或注释框的HTML5或XFBML呈现。我经营一个wordpress博客,那不是html5
我的第二个问题:使用HTML5还是XFBML最好的代码是什么?是一个比另一个快,还是一个比另一个少受支持?
谢谢 第一个解决方案异步加载Facebook JavaScript库,如果安排正确,将为访问者提供更快的页面呈现。放置
看这里:嗨,马克!谢谢你的回答。我想知道我是否需要关闭代码的第一部分,并将代码的最后一部分放在下面的一个例子中,您需要保持原样吗?如果您正在提出第一个异步解决方案,是的,您需要在每个分割的部分周围放置。请确保在影响页面上呈现的元素的任何JavaScript之后(因为您希望首先对这些元素执行操作),但在不影响页面呈现的任何异步库加载(例如Google Analytics)之前,找到Facebook库加载函数,函数(d)
。