当前位置：文江博客话题详情

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

发布于 2024-12-13 18:04:52 字数 949 浏览 1 评论 0原文

我已将雅虎股票图表添加到我雇主的公司网站上。

但我现在需要在用户单击 iframe（并定向到雅虎财经）时触发跟踪像素。

跟踪像素只是一个标准的 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>

谢谢！沙

原文

I've added a Yahoo Stock Chart to my employers corporate web site.

But I now need to fire a tracking pixel when a user clicks on the iframe (and is directed to Yahoo Finance).

The tracking pixel is just a standard 1x1 image.

Can anyone think of a way to do this?

Here is the page it is on:

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

(See yahoo stock chart to the right hand side)

And here is the yahoo iframe code:

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

Thanks!
Sandy

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

甜是你 2024-12-20 18:04:52

您可能会尝试用透明 div 覆盖整个 iframe 并在其上放置跟踪像素，但我非常非常怀疑它是否有效（并且它肯定会搞砸 iframe 的行为）

回复收藏 0 原文

抚笙 2024-12-20 18:04:52

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

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

根据 MDN 文档：

如果为 true，useCapture 表示用户希望启动
捕获。启动捕获后，指定类型的所有事件
在被调度之前会被调度到注册的监听器
到 DOM 树中其下方的任何 EventTargets。事件是
通过树向上冒泡不会触发侦听器
指定使用捕获。有关详细信息，请参阅 DOM Level 3 事件
解释。请注意，该参数并非在所有浏览器中都是可选的
版本。如果未指定，useCapture 为 false。

For a non-IE solution you can force your event to "useCapture" instead of bubble, which would allow you to put a click event handler on the iframe itself.

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

Per MDN Docs:

If true, useCapture indicates that the user wishes to initiate
capture. After initiating capture, all events of the specified type
will be dispatched to the registered listener before being dispatched
to any EventTargets beneath it in the DOM tree. Events which are
bubbling upward through the tree will not trigger a listener
designated to use capture. See DOM Level 3 Events for a detailed
explanation. Note that this parameter is not optional in all browser
versions. If not specified, useCapture is false.

回复收藏 0 原文

~没有更多了~