jquery - 如何使用 jQuery 点击函数在 iFrame 中跟踪 Google Analytics

Question

我有一个 iframe(同一域)，并且希望能够从父页面跟踪 iframe 内的按钮使用情况。

我不想将跟踪直接嵌入到 iframe 中的原因是我在不同页面之间共享 iFrame，并且希望能够通过 jQuery 中的父页面跟踪事件来跟踪它的独特使用情况。

iFrame 内的示例 HTML:

   <a class="btn1" href="1.html">button 1</a>
   <a class="btn2" href="2.html">button 2</a>
   <a class="btn3" href="3.html">button 3</a>
   <a class="btn4" href="4.html">button 4</a>

父页面内的 jQuery :

$(document).ready(function() {  
  $('.btn1').click(function () {
  _gaq.push(['_trackEvent', 'iframe page', 'iframe buttons', button 1]);
  });
  $('.btn2').click(function () {
  _gaq.push(['_trackEvent', 'iframe page', 'iframe buttons', button 2]);
  });
  $('.btn3').click(function () {
  _gaq.push(['_trackEvent', 'iframe page', 'iframe buttons', button 3]);
  });
  $('.btn4').click(function () {
  _gaq.push(['_trackEvent', 'iframe page', 'iframe buttons', button 4]);
  });
});

但这不起作用。如果我查看父页面源代码，则只有 iFrame 引用，没有 HTML - 所以我假设父页面没有看到任何附加点击事件的 iFrames div 类？

我对 jQuery 很陌生...所以如果我遗漏了一些明显的错误，我深表歉意!

编辑1:

我现在尝试将父页面上的脚本修改为:

$(document).ready(function() {  
  $('.iframe').contents().find('.btn1').click(function () {
  alert("Button 1 Pressed!");
  });
  $('.iframe').contents().find('.btn2').click(function () {
  alert("Button 2 Pressed!");
  });
  $('.iframe').contents().find('.btn3').click(function () {
  alert("Button 3 Pressed!");
  });
  $('.iframe').contents().find('.btn4').click(function () {
  alert("Button 4 Pressed!");
  });
});

并为 iframe 分配 class="iframe"。

当我从父页面单击 iframe 内的按钮时 - 不会触发警报。

Answer 1

对于任何偶然发现此线程并正在寻找类似答案的人 - 在其他 stackoverflow 帖子(以及来自 deantoni 的一些更正代码)和一些冗长的 Google 线程的帮助下，这就是我找到的解决方案有效。

假设是:

• iFrame 是可编辑的。
• 位于同一域下。
• 您在父框架中拥有 Google Analytics(分析)跟踪代码，并支持事件跟踪。

使用的 iFrame HTML:

<a class="button1" href="1.html">button 1</a>

使用的 iFrame jQuery:

$(document).ready(function() {  
  $('.button1').click(function() {
    window.parent.triggerButton1();
  });
});

使用的父框架 jQuery:

    window.triggerButton1 = function (){
        _gaq.push(['_trackEvent', 'iframe page', 'iframe buttons', 'button 1']);
    }