iframe - Google Analytics - 自定义 iFrame 跟踪

Question

我做了一个小小的井字游戏，在 http://tic.cwoebker.com 上玩得很好.
实际的井字游戏从 (/tic) 加载并嵌入到 iframe 中。

因此，如果他们愿意，其他人可以轻松地将游戏嵌入到他们自己的网站上。



我正在 iframe 内进行一些事件跟踪。
现在我已经设置好了，所以它会在两个主页上触发一个页面 View
以及 iframe 中的实际游戏代码。

我想知道如果不是，我是否只能以某种方式触发 iframe 的页面 View
嵌入 http://tic.cwoebker.com但在另一个网站上。

因此，在根目录 (/) 下跟踪的所有内容都是我网站上的流量，而在 i 框架 (/tic) 中跟踪的所有内容都是通过嵌入另一个站点生成的流量。

现在我在 iframe 中的分析代码如下所示:

 <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-xxxxxxxxx-x']);
    _gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

提前非常感谢。

Answer 1

由于您位于单独域的 iFrame 中，因此无法访问父窗口来获取位置。看看这个演示和/或谷歌一下:http://jsfiddle.net/TomFuertes/RRB52/2/

_gaq.push(['tictactoe._setAccount', 'UA-xxxxxxxxx-x']);
// Line below causes security issues, thus won't work
_gaq.push(['_setCustomVar', 1, 'Domain', window.parent.location.host, 3]);
_gaq.push(['tictactoe._trackPageview']);

您可以在 iFrame 页面上使用查询字符串传递域，您需要将包含代码修改为如下所示: https://stackoverflow.com/a/5697801/94668

<script type="text/javascript">
document.write('<iframe src="//tic.cwoebker.com/?url=' + window.location + '"></iframe>');
</script>

然后你会适本地过滤掉你的谷歌分析。