Question

我在我的雇主公司网站上添加了雅虎股票图表。

但我现在需要在用户点击iframe时触发跟踪像素（并指向Yahoo Finance）。

跟踪像素只是标准的1x1图像。

有人可以想办法吗？

这是它所在的页面：

http://titanironcorp.com/letter-from-ceo/

（请参阅右侧的雅虎股票图表）

这是雅虎iframe代码：

<!-- Start of Yahoo! Finance code -->


<iframe align="right" allowtransparency="true" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://api.finance.yahoo.com/instrument/1.0/TFER.OB/badge;chart=5d;quote/HTML/f.white?AppID=kGGnjczXiH7L_1XCo_4qTCp1q_QfckRwmw--&sig=8AwYadBv.K1kUIs0BD6xqpzE6kg-&t=1320612387003" width="300px" height="424px"><a href="http://finance.yahoo.com">Yahoo! Finance</a><br/><a href="http://finance.yahoo.com/q?s=TFER.OB/">Quote for TFER.OB/</a></iframe>

谢谢！沙

Answer 1

您可能会尝试使用透明div覆盖整个iframe并在其上放置跟踪像素，但我会非常非常怀疑它会起作用（并且肯定会搞砸iframe的行为）< / p>

Answer 2

对于非IE解决方案，您可以强制将事件设置为“useCapture”而不是bubble，这样您就可以在iframe本身上放置一个click事件处理程序。

target.addEventListener(type, listener, useCapture Optional );

每MDN Docs：

如果为true，则useCapture表示用户希望启动捕获。启动捕获后，指定类型的所有事件将在发送之前发送给注册的听众到DOM树下面的任何EventTargets。事件是向上冒泡树不会触发听众指定使用捕获。有关详细信息，请参阅DOM Level 3 Events 说明。请注意，此参数在所有浏览器中都不是可选的版本。如果未指定，则useCapture为false。

当用户点击外部iframe中的链接时，是否可以触发跟踪像素？

2 个答案: