So I've been getting my ass kicked pretty good with Facebook's moving target of an API. I need
to display some hidden content after a person clicks 'like' on a landing page. I can somewhat get this
to work, when
the user clicks 'like'
the normal fb dialogue appears and then goes away immediately and content is displayed. I have 'achieved' this with
the following js.
<script>
FB.Event.subscribe('edge.create', function(href, widget) {
document.getElementById('goodies').style.display = "block";
document.getElementById('fb-content').style.display= "block";
document.getElementById('copy').style.display = "none";
});
</script>
I cannot find any documentation about a callback event after someone hits "post
to facebook" or after
the dialogue closes, only afte they hit like. How would I incorporate a setTimeout function into this
to give people some time
to fill out
the fb dialogue?
thanks. If anyone has a better way
to do this I'm all ears. This is for a business page and I cannot seem
to add an app
to get an app ID anymore so
the API is pretty useless
to me at this point. Also, if
the url
to be liked is a fb page,
the callbacks don't seem
to fire.
Other code used:
<html xmlns:fb="http://ogp.me/ns/fb#">
<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>
<fb:like href="onlynonfburl.com" send="false" layout="button_count" width="450" show_faces="false" font="arial"></fb:like>
