Javascript 如何在iframe上捕获facebook like按钮的like事件?
我开发了以下功能:Javascript 如何在iframe上捕获facebook like按钮的like事件?,javascript,facebook,Javascript,Facebook,我开发了以下功能: 这是一个iframe,2秒后向人们显示类似facebook的按钮。现在的问题是,当用户按下like按钮时,客户端希望关闭此iframe 在这种情况下,我如何捕捉火灾事件。 我可以通过facebook事件或javascript捕获它?如果您使用的是iframe版本的社交插件,则无法跟踪事件。您需要使用HTML5或FBML(建议使用HTML5) 您必须在您的身体标签后包含以下内容: <div id="fb-root"></div> <s
这是一个iframe,2秒后向人们显示类似facebook的按钮。现在的问题是,当用户按下like按钮时,客户端希望关闭此iframe
在这种情况下,我如何捕捉火灾事件。
我可以通过facebook事件或javascript捕获它?如果您使用的是iframe版本的社交插件,则无法跟踪事件。您需要使用HTML5或FBML(建议使用HTML5) 您必须在您的身体标签后包含以下内容:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId:'YOURAPPID',channelUrl : '//YOURDOMAIN/channel.html',status:true,cookie: true, xfbml: true });
FB.Event.subscribe('edge.create',
function(response) {
$('#floating-box').hide();
}
);
};
(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/es_ES/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
window.fbAsyninit=函数(){
init({appId:'YOURAPPID',channelUrl:'//YOURDOMAIN/channel.html',状态:true,cookie:true,xfbml:true});
FB.Event.subscribe('edge.create',
功能(响应){
$(“#浮动框”).hide();
}
);
};
(职能(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/es_es/all.js”;
ref.parentNode.insertBefore(js,ref);
}(文件);
你的div应该是这样的:
<div id="floating-box">
<div class="fb-like-box" data-href="https://www.facebook.com/pages/MandaneMediacom/275554465891715" data-width="300" data-height="258" data-show-faces="true" data-stream="true" data-header="true"></div>
</div>
来源:
谢谢您的帮助,我已从iframe更改了它,只是edge.create不起作用,请您指导我好吗?
<div id="floating-box">
<div class="fb-like-box" data-href="https://www.facebook.com/pages/MandaneMediacom/275554465891715" data-width="300" data-height="258" data-show-faces="true" data-stream="true" data-header="true"></div>
</div>