2015-10-16 76 views
0

我试图检查我的网站上的FB页面插件上的任何地方是否已被点击。这里是我的代码是什么样子检查FB页面插件/ iFrame是否已被点击?

   <div class="col-md-4 reset"> 
       <div id="facebook-feed" class="analytics-button"> 
        <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_GB/sdk.js#xfbml=1&version=v2.4&appId=7735049693xxxxx"; 
          fjs.parentNode.insertBefore(js, fjs); 
         }(document, 'script', 'facebook-jssdk')); 
        </script> 

        <div id="fb-root"></div> 

        <div class="fb-page" data-href="https://www.facebook.com/example" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"> 
         <div class="fb-xfbml-parse-ignore"> 
          <blockquote cite="https://www.facebook.com/example"><a href="https://www.facebook.com/example">example</a></blockquote> 
         </div> 
        </div> 
       </div> 
      </div> 

我尝试添加一个onclick侦听器,以“脸谱饲料”,但没有注册任何点击在FB iframe中。有没有一种方法可以将div放在iframe之上,而不会影响用户能够与iframe内容交互?我不想知道点击了什么或者什么,只是用户点击了fb iframe区域。是否有任何提示或技巧来实现这一点?谢谢!

+0

有甚至有一种方法,只是有一个“隐形”可点击的div坐在iframe之上吗? – user1180888

+3

如果你把任何东西放在顶部绑定监听器,事件不会传递给iframe中的目标..简短的回答是它不会工作 – charlietfl

回答

0

您可以通过Event Subscription访问与Facebook的使用事件。

比如我试图听页像(即edge.create)事件在Page Plugin。我可以用下面的代码来完成它。

FB.Event.subscribe('edge.create', function(){console.log('Page Liked!')});