facebook - nefunguje callback response

<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=<?php echo $APP_ID; ?>";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script>
 window.fbAsyncInit = function() {
      FB.init({
        appId      : '<?php echo $APP_ID; ?>',
        status     : true, 
        cookie     : true,
        xfbml      : true,
        oauth      : true
      });

FB.login(function(response){
alert(response);
   if (response.authResponse) {
     var access_token =   FB.getAuthResponse()['accessToken'];
     alert('Access Token = '+ access_token);
     FB.api('/me', function(response) {
     alert('Good to see you, ' + response.name + '.');
     });
   } else {
     alert('User cancelled login or did not fully authorize.');
   }
 }, {scope: ''});
 
</script>

<div class="fb-login-button" data-show-faces="false" data-width="500" data-max-rows="1"></div>