检查是否已单击FB页面插件/ iFrame?

时间:2015-10-16 13:44:47

标签: jquery facebook iframe onclicklistener addeventlistener

我正在尝试检查我网站上的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>

我尝试将“onclick”侦听器添加到“facebook-feed”,但是没有注册在fb iframe中单击的任何内容。有没有办法让div位于iframe之上,不会影响用户能够与iframe内容进行互动?我不想知道点击什么或任何东西,只是用户点击了fb iframe区域。是否有任何提示或技巧来实现这一目标?谢谢!

1 个答案:

答案 0 :(得分:0)

您可以通过 Event Subscription 访问 Facebook 使用的活动。

例如,我试图在 Page Plugin 中收听 Page Like (即edge.create)事件。我能够用以下代码完成它。

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