首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从iframe中发送Google Analytics事件?

从iframe中发送Google Analytics事件可以通过以下步骤实现:

  1. 首先,确保你已经在网站中正确地添加了Google Analytics跟踪代码。这可以通过在网站的每个页面的<head>标签中插入以下代码来完成:
代码语言:txt
复制
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'GA_TRACKING_ID');
</script>

请将GA_TRACKING_ID替换为你自己的Google Analytics跟踪ID。

  1. 在包含iframe的页面中,你可以使用以下代码将事件发送到Google Analytics:
代码语言:txt
复制
<script>
  function sendEventToGA(eventCategory, eventAction, eventLabel, eventValue) {
    window.parent.gtag('event', eventAction, {
      'event_category': eventCategory,
      'event_label': eventLabel,
      'value': eventValue
    });
  }
</script>

这段代码定义了一个名为sendEventToGA的函数,它接受四个参数:eventCategory(事件类别)、eventAction(事件操作)、eventLabel(事件标签)和eventValue(事件值)。通过调用window.parent.gtag函数,它将事件发送到包含iframe的页面的Google Analytics跟踪代码。

  1. 在iframe内部的任何需要发送事件的地方,你可以调用sendEventToGA函数来发送事件。例如:
代码语言:txt
复制
<button onclick="sendEventToGA('Button', 'Click', 'MyButton', 1)">点击我</button>

这将在点击按钮时发送一个名为"Click"的事件到Google Analytics,事件类别为"Button",事件标签为"MyButton",事件值为1。

请注意,由于涉及到跨域问题,你需要确保iframe和包含iframe的页面在同一个域名下,否则可能会遇到安全限制。

推荐的腾讯云相关产品:腾讯云分析(https://cloud.tencent.com/product/cla)

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Google Analytics 4事件跟踪全解析(2021)

Google Analytics 4的是数据是基于事件收集,它采用的是基于事件驱动的模型,里面有非常多类型的事件,和不同的设置方法。...推荐事件 推荐事件Google预定义名称和参数的事件,你需要设置往这些事件发送数据,对应的报告功才可以使用,而且,这些功能无法在自定义事件实现。...Tag,然后选择“Google Analytics: GA4 Event”代码,命名为“GA4事件跟踪—关于作者”,效果如下: ?...事件名称就是对事件的命名,会显示在Google Analytics的报告里面,这里命名为“点击关于作者”: ?...文本型的注册成为事件级自定义维度,数值型的注册成事件级自定义指标。 注册事件参数设置是在在Google Analytics 4里的自定义定义: ? 点击右上角的注册自定义维度: ?

7.1K40

2.3.6、Google Analytics高级应用——事件跟踪

简单的一句就是:凡是用户的行为都可以用事件跟踪,当您想不到用什么方式跟踪的时候,用事件跟踪就没错的。 事件跟踪有5个参数,用法如表2-12所列: 表2-12 事件参数解析 ?...在这里再次强调,事件跟踪是匹配的一种类型,默认是会纳入跳出率的计算的了,为了不让事件跟踪影响真实跳出率,通常会将事件跟踪设置为非互动匹配, 事件跟踪的限制,系统会自动发送前10个匹配给Google分析,...之后是每秒1次,如果您的是一秒内有多次触发,事件跟踪得到的数据是不准确的,对此您可以做归并,如触发2次,5次的时候发一次事件。...,事件添加多了不利于代码的维护。...最便捷的方法是通过GTM去添加,而且配置的方法多种多样,灵活多变,有兴趣的可以直接去看第三章第二节的事件跟踪。 报告的查看:事件跟踪的报告在GA中选择“行为”→“事件”里面,一般查看“热门事件”居多。

85210

Google Analytics4用Measurement Protocol API发送数据

Measurement Protocol API,简称MP API,叫衡量协议,是GA4提供能够将数据直接通过HTTP的形式以事件直接发送谷歌服务器,GA4立刻能够收到并会出现在实时报告里面的,通常用于线下数据的发送...Analytics 4发送数据,因为V1 版本的只需要知道Tracking ID就可以向Google Analytics发送数据,Tracking ID可以在网页上查到,这会导致你的竞争对手可以随意给你...Google Analytics发送垃圾数据去干扰你,其实有点不安全的,所以Measurement Protocol API就增加了秘钥。...`; fetch(`https://www.google-analytics.com/mp/collect?...点击Validate event验证这个事件: ? 验证是有效的,接下来再点击一下将这个数据发送给GA4,到实时报告中看: ? 事件已经被接收到了,表示这样发送是没问题的。

1.5K30

不同版本的Google Analytics事件跟踪

随着Google Analytics的版本更迭,对新手来说可能难以区分,常常布署的A版本的跟踪代码,事件跟踪却用B版本的写法,导致事件跟踪设置失败,这一节看看不同版本Google Analytics如何做事件跟踪...,版本包含: Google Analytics Classic经典版 Google Analytics Universal统一版 Global Site Tag 普通全局版 Google Analytics...其中 Google Analytics Classic经典版和Global Site Tag 普通全局版,只能通过硬编码的形式布署事件跟踪; Google Analytics Universal统一版可以实现的方法最多...,至少有6种; Google Analytics 4,现阶段有三种方法可以实现事件跟踪; 这里看看不同版本事件跟踪的写法。...Google Analytics 4 gtag('event', 'login', { 'method': 'Google' …… }); GA4event就不带ACTION了,可以自定义,而且里面的参数由固定的

96120

Google Analytics 4里的无代码事件跟踪

无代码事件跟踪就是不需在页面上或GTM里设置代码就可以实现事件跟踪。 其实就是GA4事件报告里的创建活动。...英文是Create event,官方在报告翻译成创建活动,但具体设置页面有显示为创建事件,显示有些乱,其实应该统一翻译成创建事件比较适合。...这种也叫无代码事件跟踪。 这个功能有点类似Adobe Analytics的处理规则。 创建活动最多可以创建50个。...创建活动有两个设置入口: 一个是在数据流——更多标记设置里 一个是事件报告(这个最长用) ?...这两个设置的找到url包含buy这个字段的页面。 勾选“复制源事件的参数” 的作用事件page_view的事件参数传递给新创建的事件Buy。

1.2K20

Google Analytics和Adobe Analytics的数据层dataLayer

Google Analytics的数据层 dataLayer 是传递给GTM的键值对的全局对象,可用于描述不作为页面 DOM 或其他 JavaScript 变量的一部分提供的信息,可以理解为用于存储或发送信息给...Adobe Analytics的数据层 Adobe Analytics的数据层是网站上 JavaScript 对象的框架,其中包含实施中使用的所有变量值。...它让你可以在实施拥有更大的控制力且更便于维护。 Adobe Analytics的数据层是JS对象。...的数据从不需要主动发送,只需要组装好放到页面即可。...总结 两者一样的是都需要将数据层放到头部,尽快加载或发送出去,确保能够触发。 但Google Analytics的数据层是需要主动发送,而Adobe Analytics是放到页面即可。

1.2K30

Google Analytics 4和Adobe Analytics的漏斗图

Google Analytics 4里面有个漏斗图的功能,你可以随机构建任意数量的漏斗图,不像之前只能配置有限个的漏斗图,想要随意使用需要升级付费版,现在GA4的图是长这样: ?...而Adobe Analytics的漏斗图有多种实现方式,我们这里看workspace里的漏斗图: ? 咋一看上去,GA4是横着展示,Adobe Analytics是竖着展示,展示的数据都差不多。...而Adobe Analytics里的维度、指标和细分,都可以使用,单维度里面就有上百个可以选,你只要看到有这个图标的: ? 点击开后里面所有的值/字段都可以直接拉过去: ? 非常方便。...如果是基于事件构建漏斗,那么两者的差不多,都是支持所有的事件

1.1K30

Google Analytics 4 做跨站跟踪

Google Analytics 4 也可以实现跨站跟踪,而且设置过程更加简单,不需要设置allowLinker,直接在数据流里就可以设置。...Google Analytics 4 上设置跨站跟踪 假设现在要对www.icdata.com和www.test.com做跨站跟踪。...GTM上设置 现在已经在这两个网站上分别布署了GTM-A和GTM-B,且在这两个GTM上都用相同的衡量ID(G-HZ4RDGTX66)设置跟踪代码,将数据发送到同一个媒体资源,设置如下: Google...Analytics 4 上配置网域 现在来做跨站跟踪,在Google Analytics 4 中点击“管理”——“数据流”,选择你要设置的数据流,然后点击“更多标记设置”——“配置您的网域”,将要跨站的两个域名添加上去即可...跨站跟踪失败的几种特殊情况 重定向:如A和B做跨站跟踪,但实际上A点击B的链接是重定向跳转到C,然后才跳转到B,那么这种情况是做不了跨站跟踪的。

1.1K30

应对Chrome的Samesite,在Google Analytics设置cookieFlags

=7200;domain=ichdata.com;path=/;secure;samesite=none 表示在ichdata.com的根路径上创建cookie,两小时内可以通过https是的形式一起发送给第三方...为什么要设置cookieFlags 为了解决最新版的Chrome浏览器的SameSite规则,在最新版的Chrome浏览器,由于google analytics的client,也就是coolie _...关于SameSite的详细可以看:Chrome 80:Google 终于对第三方cookie出手了 这样设置才允许第三方访问Google Analytics的第一方cookie,主要是跨站跨域的时候才会用到...具体示例如下: 在analytics.js设置字段 Universal Analytics的设置方法如下: ga('create', 'UA-XXXXX-Y', { cookieFlags: '...的时候 参考: https://www.simoahava.com/analytics/cookieflags-field-google-analytics/

3.5K10

Google Analytics自定义报告的几个技巧

Report Tab用的是同一个过滤条件Filters 自定义报告可以共享给别人 同一系列的报告可以放到同一个Categroy,将鼠标放在报告名字前面变黑色十字就可以移动报告位置 自定义报告导出,定期发送指定邮箱...三个维度交叉分析的自定义报告——平面表格 Google Analytics默认最多只能使用两个维度做交叉分析,也就是添加次级维度,但在自定义报告,可以使用多个维度做交叉分析,在设置自定义报告的时候选择平面表格就可以使用多个维度...就是分享配置到方案库,别人搜索到就可以用 这里是要分享给同时,给特定的人,所以选择共享模板链接: 然后就会有一个共享链接,这个链接就发给你的同同事就可以。...知道鼠标显示成如下所示: 就可以点击鼠标左键,然后移动这个自定义报告到分类里面,注意要移动到分类名字的下方才会生效,不然不会归类进去的额,最后的效果: 设置成定时报告 还可以将自定义设置定时报告,定时发送到邮箱...,在报告里,点击右上角的共享,就可以设置定义发送: ?

1.6K10

Google Analytics如何识别微信的流量

微信现在是如日中天,不可避免的吸引了很多营销人员的注意力,在微信上面做营销,导流,接下来介绍一些如何在Google Analyitcs识别从微信过来的流量以及如何做细分?...识别的原理 Google Analytics识别微信流量是通过url来实现的,也就是page这个字段,如果你在微信中打开一个页面,会自动的变成https://www.ichdata.com/?...面临的挑战 但是并不是所有的微信过来的流量都会带有上面的关键字的,实践过程,我发现了部分微信流量是没有关键字的,如 所以要正确划分微信流量,需要用source和landingpage结合 Google...Analytics设置 设置的地方是在,自定义渠道分组,在视图设置的下方,然后作如下设置就行: 这个设置的作用是微信进来的流量全部归类到“微信流量”这个渠道下面,做这个设置有其他的一些注意事项,具体的请看...:理解Google Analytics的Channels划分规则 更进一步 如果你的微信流量很多的话,需要区分from参数,可以将将from参数转成自定义维度去存储,然后“微信流量”这个大类的时候就可以直接在自持维度里面直接找到你前面定义的自定义维度去细分具体来源

2.2K30
领券