使用 iframeTracker 的 iframe 跟踪事件答案

【问题标题】：iframe tracking events using iframeTracker使用 iframeTracker 的 iframe 跟踪事件
【发布时间】：2015-11-06 06:19:14
【问题描述】：

我需要在 iframe 中跟踪 onClick 事件。我正在通过 Google 标签使用 iframeTracker 插件。这是代码

jQuery(document).ready(function($){
    $('.iframe_wrap #FJbanner').iframeTracker({
        blurCallback: function(){
            dataLayer.push({
                'event':'event', 
                'eventCategory':'Ad', 
                'eventAction':'click', 
                'eventLabel':'FJbanner'
            }); 
        }
    });
});

但它不工作。我的其他分析正在运行（跟踪我网站内的事件） FJbanner 是我需要跟踪的 iframe Id

我正在使用通用分析

【问题讨论】：

你的 jQuery 选择器绝对正确吗？我怀疑您需要从中删除 .iframe_wrap 并仅使用 $('#FJbanner') 因为如果您在 iFrame 上有唯一 ID，则不需要类。
这是正确的，但目前我正在使用此选择器$('.iframe_wrap iframe').iframeTracker({ 来影响所有 iframe 元素。没用
我了解 jQuery 选择器，您目前正在寻找“所有具有 iframe_wrap 类的 iframe”。你给你所有的 iframe 上课了吗？我可以建议你摆脱这个类，只使用 DOM 元素 iFrame 例如 $('iframe').iframeTracker 等
你是对的。我现在指定了课程，但没有任何改变。我认为如果你看一下 html 会更容易理解 - hlcss.ml
如何让 iframe 显示在该页面上，我可以在 HTML 中看到它们但无法显示任何可点击！

标签： javascript jquery iframe google-analytics

【解决方案1】：

我设法让它工作。这都是关于谷歌标签设置的。当您发送这样的事件时会触发一个触发器

dataLayer.push({
    'event':'GAevent', 
    'eventCategory':'Ad', 
    'eventAction':'click', 
    'eventLabel':'FJbanner'
});

触发表达式

Event contain GAevent

所以我的错误是我没有正确设置它。您应该根据事件变量值在触发器设置中指定事件名称，在我的情况下为“GAevent”

【讨论】：