检查FB页面插件/iFrame是否已被点击？

Question

我正在尝试检查我的FB页面上的插件是否在我的网站上被点击过。下面是我的代码

                <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>

我试着在"facebook-feed“中添加一个onclick监听器，但是在fb iframe中没有注册任何被点击的东西。有没有一种方法可以让div位于iframe之上，而不影响用户与iframe内容的交互？我不想知道被点击了什么，只想知道用户点击了fb iframe区域。有什么技巧或诀窍可以实现这一点吗？谢谢!

Answer 1

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

例如，我尝试在中侦听Page (即edge.create)事件。我可以用下面的代码做到这一点。

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