检查是不是点击了 FB 页面插件/iFrame？

Posted 2023-05-09

【中文标题】检查是不是点击了 FB 页面插件/iFrame？

【英文标题】：Check to see if a FB page plugin/iFrame has been clicked?检查是否点击了 FB 页面插件/iFrame？

【发布时间】：2016-01-15 07:12:35

【问题描述】：

我正在尝试检查我网站上我的 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- 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 区域。是否有任何提示或技巧可以实现这一目标？谢谢！

【问题讨论】：

有没有办法在 iframe 顶部放置一个“不可见”的可点击 div？

如果你在顶部放置任何东西来绑定监听器，事件将不会传递到 iframe 内的目标。简短的回答是它不起作用

【参考方案1】：

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

例如，我试图在 Page Plugin 中收听 Page Like（即edge.create）事件。我能够用下面的代码做到这一点。

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