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

如何在GTM的自定义HTML标签中发送传统GA事件

在GTM的自定义HTML标签中发送传统GA事件,可以通过以下步骤实现:

  1. 登录Google Tag Manager(GTM)账户,并选择相应的容器。
  2. 在容器中创建一个新的自定义HTML标签。
  3. 在标签的代码框中,使用JavaScript代码来发送传统GA事件。代码示例如下:
代码语言:javascript
复制
<script>
  // 创建一个自定义函数来发送GA事件
  function sendGAEvent(category, action, label, value) {
    ga('send', 'event', category, action, label, value);
  }

  // 调用自定义函数发送GA事件
  sendGAEvent('category', 'action', 'label', value);
</script>

在上述代码中,sendGAEvent函数用于发送GA事件,其中category表示事件的类别,action表示事件的操作,label表示事件的标签,value表示事件的值。你可以根据实际情况修改这些参数。

  1. 在触发器部分,选择适当的触发器来触发该标签。例如,你可以选择页面加载完成时触发标签,或者根据特定的用户行为触发标签。
  2. 在变量部分,你可以定义自定义变量来获取需要发送的事件参数。例如,你可以创建一个JavaScript变量来获取页面上的特定元素值,并将其作为事件参数发送。
  3. 最后,保存并发布你的更改。

这样,当触发器条件满足时,自定义HTML标签将被触发,并通过JavaScript代码发送传统GA事件到Google Analytics。请注意,为了使此功能正常工作,你需要在GTM容器中正确配置Google Analytics跟踪代码。

推荐的腾讯云相关产品:腾讯云数据分析(https://cloud.tencent.com/product/dla)可用于数据分析和可视化,帮助你更好地理解和利用GA事件数据。

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

相关·内容

利用“Google Tag Manager V2”实现滚动追踪

接下来,你需要在谷歌标签管家第二版(Google Tag ManagerV2)上创建一个新标签。选择“CUSTOM HTML TAG”(自定义html 代码)。...此标签将保留我们“下拉浏览深度”(Scroll Depth)代码。 因此,将代码复制并覆盖到CUSTOM HTML TAG。在此段时间内保存此标签。等我们创建完触发器后,会回来对它进行重新配置。...首先,点击“触发器”,再点击“新建”,并给你触发器起名。在“Choose Event(选择事件)”,单击“Custom Event(自定义事件)”。然后继续。...事件名称:滚动距离(Scroll Distance) 事件:组成、滚动距离(Scroll Distance) 保存触发器 请记住,此刻我们并没有完成在Custom HTML Tag设置。...现在你完成了必要变量设置。 谷歌事件分析追踪 在使用相应触发器创建了你Customer HTML Tag后,现在需要创建谷歌分析事件滚动追踪任务。

1.8K70

谷歌监测代码管理器(GTM)基础教程 第2部分 - 创建代码

在这一点上,相对于标准GA 监测代码,GTM并没有带来额外好处。现在,让我们创建一个简单标记,将所有文档点击行为记录为GA页面浏览量。 为什么我们需要这样做?...GA仅记录可以添加GA代码段HTML页面浏览量。因此,我们无法知道何时网站上PDF,Word或Excel文件等文档被浏览过。...STEP 1第一步 给你代码一个命名 - 它可以和触发器用同样命名。 GTM可以发送多种类型代码,请选择你现有的GA类型。对于跟踪ID,请使用你在第1部分定义变量。...GTM预览 在网站每个网页上,你都应该始终看到一个代码已被触发 – 代码将每一个PageView发送GA。 ? 导航到包含文档链接(PDF或DOCX)页面 ,点击链接 - 文档在新页面打开。...停留在同一个标签,你就会看到你代码已经正常触发。 ? 在预览界面花一些时间,然后点击变量和数据层查看可在GTM中选择信息类型。 如果在预览界面一切都很正常,你现在就可以准备发布你容器。

2.6K71
  • GOOGLE 跟踪代码管理器101 PART 6 – 真实跳出率

    标签 下一步就是创建代码向Google Analytics发送事件。 重点注意:设置非互动匹配值为“True”,然后发送计时器事件就会导致会话被记录为一次非跳出会话。 ?...使用Google Tag Manager预览功能来对设置监测代码进行检测,一分钟后你就可以看到这条代码发送事件。 目标 你可以按照如下步骤在Google Analytics创建事件: ?...当你设置好计时器标签,每当当前访客在你设置页面范围停留一分钟,它就会发送一个事件。那么这时要如何真正解决跳出率问题呢?...在图中红色字标出数据就是参照图中如上计算方式得出结果。 ? 在本案例,选取1分钟时间段为衡量用户与页面文章互动标准。为了可以简明说明问题,我们在一分钟之后就发送了一个事件。...您也可以使用同样原则发送多个标签,无论是重复发送1分钟事件,还是另外创建3分钟计时器来发送一个事件,都是可以实现

    1.4K40

    GOOGLE 跟踪代码管理器(GTM)101 PART 1 – 基础篇

    Google跟踪代码管理器(GTM)是方便非开发人员进行复杂分析一项重要工具,其功能在Google Analytics(GA是找不到。...2.将Google Analytics跟踪代码添加为变量 你创建每个代码(tag在GTM中文版本翻译成“代码”)都需要发送到你Google Analytics跟踪代码。...出现任何警告或错误,请咨询开发人员。 ? 最后,最好检测一下GA是否记录了网站浏览量。进入GA帐户实时概览,然后从另外一个浏览器访问该网站。...请确保你没有被GA流量过滤掉,那样的话,你就可以实时看到网页浏览量了。 因此,现在我们已经完成最初设定目标了——在GA监测网站所有页面的浏览量。...在第2部分,我们会创建一些能够增强GA报告代码(tag在GTM中文版本翻译成“代码”)。

    4.2K50

    Google代码管理工具101 部分5-表单

    关于如何利用GTM追踪各种线上表单。...现在,大多数表单都在成功提交后并不会发生页面的跳转,会继续留在当前页面,这就会导致GA没有记录任何网页浏览量 - 并且无法跟踪表单是否已经被正常提交。...使用Google代码管理工具,只要用户提交表单,就能轻松发送一个事件或pv。难是,当提交成功后只是发送事件,但这将部分不会在这篇文章里包含进来,因为我们希望保持整个系列“无Javascript”。...追踪代码-事件 对于追踪代码,我们可以创建一个名为Blog Comment 事件,并通过页面路径发送,以便我们知道用户评论是哪篇博客文章。您可以决定要通过事件发送哪些信息。 ?...请注意,要在不影响实时Google Analytics(分析)数据情况下进行测试,您应该从您实时Google Analytics(分析)帐户过滤自己IP地址,并保留一个单独未过滤GA视图。

    2.4K50

    谷歌跟踪代码管理器(GTM) 入门指南 第3部分 - 创建链接追踪代码

    关于如何通过GTM创建链接监测代码。...如果点击任意页面上任意链接,只要“mailto”存在链接,都会被触发(trigger)。 ? 我们创建标签将mailto链接点击作为事件存储在GA。...2.你有很多做推广第三方链接 - 现在,你就能够知道有多少链接被点击了。 3.你实际销售过程一个重要部分,是促使用户到第三方系统完成销售(他们不会再回来)。...创建外部链接作为虚拟页面视图,然后将其设置为目标 - 将销售过程其余部分添加为漏斗步骤。...在你发布容器之前,进入GTM预览模式,并确认当你点击mailto链接和外部链接标签时,会被触发。你也可以在 GA测试视图确认你所看到来自实时事件视图事件

    2.1K50

    在微信小程序里,我们要怎样做数据分析

    以往统计方案很可能不灵了 小程序里不支持普通HTML,JS也是有限制,所以无法执行CNZZ、百度统计等传统网页版统计代码。同时,更不可能通过集成友盟那种方式去用App端分析系统。...更好是,GA这些功能都是免费,在你印象里,有用其他系统做到过吗? GA何在微信小程序里部署 开头我们就说过,常规统计系统恐怕无法在小程序里部署。...我们是这样实验,在一个Hello World程序首页,点击头像时,给GA发送一个事件: ? 发送事件统计代码如下: ?...其中tid是GA统计ID;cid用于区分每个用户;t代表发送数据类型,这里发送事件,也可以发送页面PV或者电子商务交易成功等等;ec和ea都是事件参数。...GA事件最多有三个文字型参数和一个数值型参数,以满足多维度统计需求。例如在例子我使用了两个参数,描述了用户点击行为,以及这个点击发生在哪个页面。

    3.6K60

    谷歌跟踪代码管理器(GTM) 入门指南 第4部分——社交媒体

    在“概览”一栏,则展示了每个社交网络在流量转化上有多成功以及其他一些渠道报告。 在“社交”部分还有一个名为“插件”报告,这张报告内容可以通过GTM来部署实施。...从你网站点击跳转至社交网站 如果您已经将外部链接发送到Google Analytics(请参阅第3部分),那么你社交链接点击次数就将被记录为“事件”。...社交分享 Cucumber博客已启用社交分享功能,当阅读本文时,你应该会发现左侧5个按钮。我们将设置是当有人点击其中一个社交分享按钮时就会发送社交类型事件”。 ?...幸运是,这些按钮都是用类似的方式提供,所以我们只需要一个触发器和一个标签来实现它。 预览模式 到目前为止,确定如何构建触发器最简单方法是使用GTM预览模式。...标签 设置好标签图示 ? 那么你该如何查看你社交分析统计数据呢?

    2.5K60

    GTM就能3分钟内把网站变成灰色,这事还要什么网站开发

    每逢重大灾难事件,国内很多网站将设计变成灰色,以示哀悼之情。整个网站变灰色是怎么实现?如果网站已经安装了GTM代码管理器,你自己3分钟内就能把网站变成灰色。...GTM代码管理器就像“中间人”,用于连接网站和其他第三方代码。所以只安装GTM没有任何作用,需要在GTM配置第三方代码后才能发挥作用。...简单三个步骤即可将整个网站变成灰色:在GTM中新建一个 Custom HTML Tag,Triggering 选择 All Pages,意思是对网站上所有页面有效复制粘贴下面的代码到 HTML 输入框内...,这段 style 将添加 CSS 样式点击右上角 Submit 发布修改后 GTM,刷新网站就可以看到效果了复制以下代码到新建Taghtml {filter...绝大多数网站管理后台都有一个类似于“第三方代码”管理功能,通常默认会把添加“第三方代码”放在 标签

    49750

    何在 Google 跟踪代码管理器 (GTM) 安装 Matomo 跟踪?

    单击左侧菜单标签”。 单击标签部分右上角“新建”按钮添加新标签。 单击“标签配置”以选择标签。 将弹出一个包含所有可用标签窗口,在此处单击“在社区模板库中发现更多标签类型”链接。...单击“标签配置”并选择“自定义 HTML” 复制标准 Matomo JavaScript 跟踪代码: 使用您管理员或超级用户帐户登录 Matomo。 单击右上角菜单“管理”(齿轮图标)。...将此 JavaScript 跟踪代码粘贴到标签配置 HTML 字段。 向下滚动并单击“触发”。 选择“所有页面”以在所有页面上触发“Matomo 跟踪标签”。 单击“保存”。...要了解有关将 Matomo 与 GTM 结合使用更多信息,我们推荐这篇第 3 方文章:Google 跟踪代码管理器和 Matomo。 您知道 Matomo 也有自己标签管理器吗?...了解有关Matomo 标签管理器更多信息,或了解如何从 GTM 迁移到 MTM。

    39930

    【精华知识】初学者高级谷歌分析指南-Episode 3

    对于任何想要学习高阶知识初学者,事件追踪将教会大家不仅仅是追踪事件还有创建智能数据等。 幸运是,GA团队为我们提供了一些可供我们把玩数据。...我选择了“Contact Us”来分析事件标签,从这些数据我们可以得出一些策略。 ? 如果事件价值倍增,将会是非常有价值,这样GA就会在上面的表格给出我们平均价值表现。...4.高度重视内容 让我感到非常遗憾是,大家都对“流量获取”(竞价点击广告、网络联盟广告、视频广告作弊报告)超级感兴趣,也对效果抱着极大热情(转化率和收入),但是却忽略了介于这两件事之间东西...上述自定义报告真的很容易创建,我会给所有订阅者(http://www.kaushik.net/avinash/marketing-analytics-intersect-newsletter/)发送一个带有可下载链接和其他自定义报告邮件...福利:大多数人会停在默认视图报告位置,GA团队在整个标准报告增加了一些出色构思。例如,趁我们正在探讨,尝试一下内容分组主要维度。接下来看一下内容分组品牌报告。 ?

    87940

    GA源代码里小技巧之preview和prerender

    GA源代码里小技巧之preview和prerender 作者前段时间在做类似Google Analytics(以下简称GA第三方监控脚本。...所以对GA前端代码做过调研,对GA压缩后代码做了一定程度上的人肉美化。这里美化是analytics.jsj41版本,本文提到小技巧也是基于这个版本js。...如果在指定页面index.htmlHTML代码头部中加入如下meta标签: <!...当浏览器真正点开页面article.html页面的地址时,浏览器才会再真正展现这个页面。不过用户也有可能不再点击article.html地址,而是直接离开了或是跳去别的页面。...GA为了避免发送无用统计,也过滤掉了预渲染情况,在页面真正展示时候再执行自己主逻辑。它通过浏览器提供Page Visibility API来判断当页面处于状态。

    65530

    (转) 网站统计数据收集原理及实现

    后来,Google在其产品谷歌分析创新性引入了可定制数据收集脚本,用户通过谷歌分析定义好可扩展接口,只需编写少量javascript代码就可以实现自定义事件自定义指标的跟踪和分析。...标签,并将src指向一个单独js文件,此时这个单独js文件(图1绿色节点)会被浏览器请求到并执行,这个js往往就是真正数据收集脚本。...注意ga.async = true意思是异步调用外部js文件,即不阻塞浏览器解析,待外部js下载完成后异步执行。这个属性是HTML5新引入。...这里面可能会包括用户自定义事件跟踪、业务数据(电子商务网站商品编号等)等。 3、将上面两步收集数据按预定义格式解析并拼接。...当然,一般不会直接对原始日志分析,而是会将其清洗格式化后转存到其它地方,MySQL或HBase再做分析。

    2K30

    App数据分析全攻略(1)屏幕与事件简介

    :提升分析效率 自定义维度:让分析工具按你业务“私人定制” 测量协议妙用:汇总SDK数据 统计方案开发部署流程 → 规划统计方案 → 撰写需求文档 → 部署情况测试...小孙是一家手机App公司产品经理兼数据分析师,而小张当年是传统互联网内容运营高手,于是两人一拍即合决定做点事情。...在GA,主要有“事件”和“屏幕”两种发送数据类型,而它们正好可以满足转化目标和频道细分统计需求。 “事件”通常用于捕捉用户特定行为,然后发送给统计系统。...而如果我们把App不同频道页看做是网页,那么每切换一个频道,我们也给GA发送一个“屏幕”。...于是我们就能统计到,不同内容频道被多少人打开过多少次,以及他们在每个频道停留了多久,进而推断哪些频道更受用户欢迎。 当事件和屏幕都正常发送GA之后,二者在报告可以交叉统计。

    91060

    一文看懂Kubernetes v1.16!

    从重新设计第三方资源原型开始,最终在1.16通过apiextensions.k8s.io/v1实现了GA,且整合了大量Kubernetes 发展过程积累API相关演化经验。...我们对任意子资源、API组迁移以及更高效序列化协议等特性都有一些想法,但是这里变化本质上是可选,并且与GA API已有的特性互补。...群集中每个节点运行kube-proxy时,需要将副本发送到每个节点。在小范围内,这不是问题,但随着集群变大,影响会变得越来越明显。...默认情况下,这将填充Kubernetes中使用现有拓扑标签,用以指示region与zone等属性。当然,这个字段也可以填充自定义标签以及更专业用例。...Kubernetes文档提供了有关endpoint切片更多信息。作为Kubernetes 1.16alpha功能,默认情况下不会启用,但大家可以参阅说明文档了解如何在集群启用他们。

    88841

    如何使用postgis做一个高可用附近的人服务?

    一个基于LBS社交应用或者电商应用,或多或少包含一些地理信息,经纬度(lat、lng)。如何在既定时限内响应用户请求,如何低成本存储这些数据,是LBS应用最关键问题。...需求 要求较高实时性,不做缓存,读取和写入都比较频繁(1w+ TPS/s) 能够按照查询距离进行排序,能够分页 支持除位置意外其他条件过滤(年龄,性别,用户标签等) 支持GIS其他扩展功能,三维...由于GIS应用会有热点问题和各种数据调整问题,传统sharding技术(mod、hash、random)并不能很好工作,我们需要自定义路由表。...但万变不离其宗,这些花拳绣腿会引入额外复杂性,远不如简单自定义路由来方便快捷,我们引入节点权重意义就在这里,某些节点因为IO等运算缓慢,就可以降低其权重来解决。...可以直接添加,并不影响服务,但要注意删除操作可能会有较大影响。 5 如何动态添加删除索引? 不建议这么做,如果确实有这部分需求,建议业务低峰进行此操作 6 如何实现QQ中用户标签过滤?

    2.7K50

    优化网站性能13个实用更新

    在过去几个月里,我们没有发生任何事件指挥会议 (ICM),这让我们对我们屏蔽措施有效性充满信心。...列表特殊标签 为了解决 Google CWV 评估中发现性能问题,我们从 2023 年 8 月开始在我们网站上为列表内容实施了独特 HTML 标签。...这些改进在很大程度上归功于我们为列表内容实施独特 HTML 标签,这些标签增强了可读性,改进了页面结构,并允许更快地呈现关键元素。...Google 标签管理器 (GTM) 优化 这涉及优化 GTM 配置以提高网站效率和性能。我们首先彻底分析了 GTM 设置,以识别并删除不必要标签。...我们发现超过 75% 现有 GTM 标签无关紧要。通过简化 GTM 配置并删除 300 个冗余标签,我们优化了资源利用率,减少了服务器负载,并加快了页面加载时间。 4.

    12410

    App数据分析(3)变化多端事件报告

    事件其他指标还有“事件价值”和“平均价值”。事件价值需要在埋点时写入,例如用户领取代金券时,就可以在相应事件代码写入代金券金额,作为事件价值发送GA。...例如文章标题有成百上千,但用户阅读时候发送事件类别都叫做“阅读文章”,第二个参数才区分是哪篇文章,这样就能保证事件报告界面的可读性非常好。...小丁App把手机设备特征码用事件发送给了GA,但直接发到了事件类别里,导致一打开报告就有成千上万项目,可读性极差。...其实只要把这些设备信息放到事件第二个参数里发送,而事件类别统一命名为“设备信息”就好了。...(顺便说一下,千万不要学小丁把用户任何身份信息发送GA,这是Google明令禁止) 隐秘查看方式:横向切换 熟悉GA朋友们都知道,有些重要报告入口很不起眼,通俗一点说就是“藏得太深”。

    1.4K70

    黑客正在利用 Citrix NetScaler 网关漏洞,收集用户凭证

    威胁攻击者正在“积极”利用漏洞 X-Force 在为一个客户端进行事件响应活动时发现上述网络攻击活动。...此后,X-Force 在发布报告中表示附加到合法 "index.html "文件脚本会加载一个额外远程 JavaScript 文件,该文件会将一个函数附加到 V** 身份验证页面 "登录 "元素...然后,攻击者在 "index.html "添加自定义 HTML 代码,该代码引用了托管在攻击者控制基础架构上远程 JavaScript 文件。...附加到 "index.html " JavaScript 代码检索并执行后,会将一个自定义函数附加到身份验证页面上 "Log_On "按钮,恶意代码随及就能够收集身份验证表单数据(包括凭据),并通过...HTTP POST 方法将其发送到远程主机。

    39830
    领券