如何跟踪 iframe 中的点击或交互答案

【问题标题】：How to track clicks or interactions within an iframe如何跟踪 iframe 中的点击或交互
【发布时间】：2019-06-11 16:12:14
【问题描述】：

我有以下情况：我将流量发送到我不拥有的网站。我想跟踪该网站上的转化（他们在他们创建的帐户上进行的存款）

但该网站无法添加像素或回发或其他任何东西来向我发送回参数以跟踪这些转化。

我有他们的链接作为我的会员链接的网址，他们会更新每日列表，其中包含他们从我的链接获得的存款和注册。

我的想法是将这个 url 设置为 100% 并以某种方式跟踪用户点击 iframe 中的某个元素时，为我的像素点上火，这样我就可以从所有不同的流量来源中知道我是发送哪些至少正在获得交互（如果在 iframe 上的链接上跟踪新闻是不可能的）

我可以选择在页面上放置一个像素，用作加载 iframe 的“prelander”。

这是 iframe 的代码

<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.website.com/dl/~offer?affiliate=2134567" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</body>

跟踪 iframe 内的点击（如果无法跟踪 iframe 内特定位置的点击）至少可以让我切断与 iframe 内的网站没有任何交互的流量来源

【问题讨论】：

简单来说，你不能。
您甚至无法跟踪点击 iframe 的用户？我还没有尝试过@Mark 回复，但这似乎是一种方式
你会得到一些错误，看起来他提到过。您尝试从另一个域访问或修改的任何内容都会像这样。这是一个安全问题。

标签： javascript iframe tracking

【解决方案1】：

$('body iframe').contents().find('input').bind('click',function(e) {
    $.post(url,params,function(resp){
        //post back to you
    });
 });

类似上述的方法可能有效，但是由于这不是您域中的站点，您很可能会收到以下 XSS 错误：

SecurityError: Permission denied to access property "document" on cross-origin object

【讨论】：