javascript - 点赞后提醒

Question

这是我为我网站上的 Facebook 页面点赞的脚本。

<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="http://www.facebook.com/#!/ConcessionnaireCaronMazda" data-width="300" data-height="100" data-show-faces="false" data-stream="false" data-header="false"></div>
<div id="fb-root"></div>

如何在单击按钮时发出警报？

Answer 1

您应该使用FB.Event.subscribe订阅 edge.create 事件(它适用于 Like Box Social Plugin 的 HTML5 和 XFBML 版本。

FB.Event.subscribe('edge.create', function(pageURL){
  alert('User liked page: ' + pageURL);
});

注意:只有在 Facebook JS-SDK 时才可以使用 FB.Event.subscribe已在页面上完全加载，为确保其已加载，您可以使用 window.fbAsyncInit 函数:

window.fbAsyncInit = function() {
  // Here Facebook JS-SDK is loaded and you may use it.
  // FB.init call should be placed here if you use it...
  // Otherwise you should use next JS-SDK URL
  // `//connect.facebook.net/en_US/all.js#xfbml=1&appId=APPLICATION_ID`

  // Subscribe to event
  FB.Event.subscribe('edge.create', function(pageURL){
    alert('User liked page: ' + pageURL);
  });
}

更新:

经过仔细检查，您似乎需要使用应用程序才能订阅事件，并且您只能在您的站点/ Canvas URL 内的 URL 上执行此操作，否则将引发下一个错误:

Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the Application configuration. It must match one of the Connect or Canvas URLs or domain must be the same as or a subdomain of one of the Application's base domains.