Javascript；仅允许基本 HTML 代码编辑的第三方应用程序的 onClick 跟踪答案

【问题标题】：Javascript; onClick tracking for third party app that only allows only basic HTML code editingJavascript；仅允许基本 HTML 代码编辑的第三方应用程序的 onClick 跟踪
【发布时间】：2013-10-20 19:51:28
【问题描述】：

我的网站上有一个第三方应用程序，可以让我接收旅舍的预订。这个想法是让一些漏斗跟踪进入谷歌分析。我对应用程序代码的访问受到限制，我猜它不允许我插入 javascript，因为即使它显示在我网站上 iframe 的源代码中，该代码也不起作用：

<a href="mailto:x@xxxx.com.br" onClick="_gaq.push(['_trackEvent', 'BookNowApp', 'BankEmailClicked'])">email</a>

该应用程序将允许我在我的网站上的 iframe 中输入一些 html 代码。例如，上面示例中的链接最终出现在我网站上的 iframe 中，并且可以正常工作。

所以我想写一些 javascript，当有人点击第三方应用程序的 iframe 中的链接时触发。我打算将其加载到页眉中：

<script type="text/javascript">
<!--
$('#mailto:x@xxxx.com.br').click(function(){
_gaq.push(['_trackEvent', 'BookNowApp', 'BankEmailClicked']); return false; });

// -->
</script>

网站是http://www.3dogshostelsaopaulo.com（点击“BookReserva”进入应用程序）

我希望通过上面的脚本，我唯一需要在第三方应用程序的 HTML 中加入的就是那个可点击的链接。非常感谢任何为什么这不起作用的想法！

【问题讨论】：

标签： javascript html onclick

【解决方案1】：

您如何在 iframe 中定义 _gaq？

我假设 google 跟踪代码是您网站的一部分，并且在 iframe 中不可用。
如果是这样的话，iframe中的JS不知道_gaq是什么意思，跟踪就会失败。

编辑：

由于 iframe 和父窗口是不同的域，出于安全原因，浏览器不会允许它们之间的通信。有一些解决方案可以使这种通信成为可能，但它们有些复杂。以下是一些参考资料：

How to communicate between frames?
http://stevehanov.ca/blog/index.php?id=109

【讨论】：

您好，感谢您对此进行调查！我已经编辑了我的帖子，希望它能澄清。你是说我应该在 iframe 中输入一个 javascript，让它识别 onClick 事件，对吧？不确定该应用程序是否允许我输入除基本 HTML 之外的任何内容。我不知道我网站正文中的 JS 不会传播到我的 iframe 中。我确实希望我可以教我网站正文中的 JS 以某种方式触发 iframe 中发生的事情？
不幸的是，iframe 不会接受我的整个分析跟踪代码。它可以方便地解决所有问题，但唉。谢谢你的指点，我会读完所有的：）我认为这个话题已经结束了。
好的，我想我找到了解决方法。现在，第三方应用程序中的每个不同步骤都会从容器网站（我自己的网站）加载不同的图像。我希望我能得到分析来跟踪图像加载。但是图像加载不算作分析的页面加载，我无法将 onLoad 事件脚本添加到图像中。所以我需要弄清楚analytics.js是如何跟踪每个图像加载的。