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

设置dataLayer并运行GTM.js脚本后,推送至增强电子商务

在Google Tag Manager(GTM)中设置dataLayer并运行GTM.js脚本后,您可以通过以下步骤将数据推送到增强电子商务(Enhanced E-commerce)模块:

1. 设置Data Layer

首先,确保您的网站有一个正确配置的dataLayer。Data Layer是一个全局JavaScript对象,用于存储有关用户与网站交互的数据。

代码语言:javascript
复制
<script>
  window.dataLayer = window.dataLayer || [];
</script>

2. 触发事件

当网站上发生特定事件时(例如,产品点击、购买完成等),您需要将这些事件推送到dataLayer。

代码语言:javascript
复制
// 示例:产品点击事件
document.querySelector('.product-link').addEventListener('click', function() {
  dataLayer.push({
    'event': 'productClick',
    'ecommerce': {
      'click': {
        'actionField': {'list': 'Product List'},
        'products': [{
          'name': 'Product Name',
          'id': 'Product ID',
          'price': 'Product Price',
          'brand': 'Product Brand',
          'category': 'Product Category'
        }]
      }
    }
  });
});

3. 配置GTM容器

  1. 登录到Google Tag Manager。
  2. 选择您的容器。
  3. 转到“Tags”部分,并添加一个新的Tag。
  4. 选择“Google Analytics: Universal Analytics”或“Google Analytics: GA4”作为Tag类型。
  5. 在“Track Type”中选择“Event”。
  6. 在“Event Category”、“Event Action”和“Event Label”中填写相应的值(如果需要)。
  7. 在“Google Analytics Settings”中,选择您的跟踪ID。
  8. 在“Data Layer Variable Name”中输入您的dataLayer名称(默认是dataLayer)。
  9. 在“Enable Enhanced E-commerce Features”中勾选相关选项,例如“Enable E-commerce”和“Enable Enhanced E-commerce Reporting”。
  10. 保存并发布容器。

4. 推送数据到增强电子商务

当您触发事件并将数据推送到dataLayer时,GTM会自动捕获这些数据并将其发送到Google Analytics。

例如,当用户完成购买时:

代码语言:javascript
复制
// 示例:购买完成事件
dataLayer.push({
  'event': 'purchase',
  'ecommerce': {
    'purchase': {
      'actionField': {
        'id': 'Transaction ID',
        'affiliation': 'Affiliation',
        'revenue': 'Total Revenue',
        'tax': 'Tax',
        'shipping': 'Shipping',
        'coupon': 'Coupon Code'
      },
      'products': [{
        'name': 'Product Name',
        'id': 'Product ID',
        'price': 'Product Price',
        'brand': 'Product Brand',
        'category': 'Product Category',
        'quantity': 'Quantity'
      }, {
        // 其他产品...
      }]
    }
  }
});

5. 验证数据

最后,您可以在Google Analytics的“Conversions”部分查看增强电子商务报告,以验证数据是否正确推送和处理。

注意事项

  • 确保dataLayer变量名与GTM中的设置一致。
  • 确保GTM容器已正确部署并加载在您的网站上。
  • 测试您的设置,确保数据正确推送和处理。
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

如何设置实现追踪?本文将为你一一解答。...(脚本较长,置于本文的最末端,建议您收藏本文时间较为宽裕时再进行参考和设置) 滚动追踪准备:第二步 部署好上述“滚动追踪”程序代码,使用你的谷歌ID和密码登陆https://tagmanager.google.com...因此,将代码复制覆盖到CUSTOM HTML TAG中。在此段时间内保存此标签。等我们创建完触发器,会回来对它进行重新配置。 注:你可以为自定义代码起任何描述性的名称。...滚动追踪实施:设置触发器 接下来,我们需要为我们的“Customer HTML Tag”创建一个触发器。首先,点击“触发器”,再点击“新建”,给你的触发器起名。...现在你完成了必要的变量设置。 谷歌事件分析追踪 在使用相应触发器创建了你的Customer HTML Tag,现在需要创建谷歌分析事件滚动追踪任务。

1.8K70
  • 如何利用JMeter录制HTTP请求做接口测试

    软件质量保障 专注测试圈,自动化测试、测试平台开发、测试新技术、大厂测试岗面经分享, 可以帮忙内BATJ等大厂!...); 将此文件发送至手机,安装证书即可(非常重要); 2.手机设置代理(Android版) 1)获取本地IP;命令提示符(或者Windows PowerShell)> ipconfig 2) 进入手机...三、JMeter录制web端HTTP请求 1.Win10谷歌浏览器导入证书设置>高级>隐私设置和安全性> 2.浏览器设置代理 3.MAC Chrome导入证书,设置代理 4.启动代理,打开浏览器...如果勾选了“永远”,那么所有线程会一直发送请求,一到选择停止运行脚本。 2.添加监听器 脚本的主要部分设置完成,需要通过某种方式获得性能测试中的测试结果,在本例中,我们关心的是请求的响应时间。...4.运行脚本,生成聚合报告 CA证书有什么用? CA:Certificate Authority的缩写,也叫“证书授权中心”。它是负责管理和签发证书的第三方机构。

    97621

    Google Analytics增强电子商务功能的分步指南

    如果您已经是一位SEO专家、内容创建者、PPC专业人员、市场营销专家或分析大师,而且想进一步取得在线营销的成功,就应该知道掌握《Google Analytics增强电子商务功能的分步指南》。...如果您以前应用了电子商务插件,那么您要么创建使用新属性(使用多个跟踪器),要么将现有属性从电子商务迁移到增强电子商务(通过删除电子商务代码和替换成增强电子商务代码来实现)。...完成所有操作,请在管理>查看>电子商务设置下启用Google Analytics(分析)上的增强电子商务设置。 现在看上去就算做完了吗(如果有那么容易就好了)?...每个事件都需要其自己的唯一脚本代码和命令。 坦白地讲,实现增强电子商务的复杂性和所需的专业知识水平远远超出了GA用户的平均水平。而一个知识渊博的网络开发人员在这里可以充分体现他们的价值。...增强电子商务插件可以跟踪从产品展示到发生交易的每一步用户行为轨迹,包括用户购买前数据、用户购买中数据和用户购买的任何数据。这样的数据是价值连城的。 如果您感到实现难度有点不堪重负?

    4.3K40

    容器产品2月报|TKE 多项新特性等你体验

    2023年2月 VOL:30 TKE 集群 【新特性】上线运行时升级能力,集群节点升级入口同时支持 docker/containerd 组件小版本更新。...使用方式:请开通 TDCC 服务,进入 TDCC 控制台集群管理页面,按流程指引创建和管理 TKE Anywhere 集群。...边缘容器 TKE-Edge 【功能优化】优化“边缘节点池”健康状态检查相关能力,增强体验。  Crane 【喜讯】Crane国内首批通过信通院云原生混部技术评估。...读文章,赢好礼 活动规则 玩法 1:关注【腾讯云原生】公众号,转发本文或以下任意文到朋友圈截图发送至公众号后台,我们将在 3月10日抽取 5名 读者送出腾讯视频月卡 互动奖品:腾讯视频月卡(共5份...TKE 注册节点,IDC 轻量云原生上云的最佳路径 TKE 超级节点,Serverless 落地的最佳形态 节点运维新范式,原生节点助力企业全链路降本 玩法 2:关注【腾讯云原生】公众号,点赞此篇留言对容器产品的问题或建议

    44540

    升级|企点销售智小程序x企微助手携手,助力私域运营全链路

    销售智-企微助手SCRM提供任务宝裂变、红包拉新、抽奖拉新等丰富裂变玩法,企业设置引流奖品,用户领取专属海报,完成拉新即可领奖,社交裂变为企业带来新客指数级增长。...销售智-企微助手SCRM智能群发、智能群管理,帮助解放管理员双手。 群打卡领奖品,增添客户群积极性。 03 老板如何统一管理员工? 后台设置待办任务,一键推送至员工,后台实时查看完成进度。...商城营销中心更丰富,提高客户忠诚度 1.新增积分商城,提高会员留存与客户粘性:支持免费兑换和付费+积分兑换,帮助商家有效提高会员留存、刺激消费、有效提升用户忠诚度,提高客单价和增强客户粘性。...3.细化抽奖设置,大转盘有料更好玩:可对参与活动的用户进行身份及参与次数设置,自定义设置抽奖时用户需要填写的字段信息,支持对抽奖白名单进行设置。...其他功能 1.员工一键生成专属海报,多渠道快速传播:销售员工在查看内容素材的图片素材时,可以快速下载带有当前销售员工信息的图片海报,支持快速下载到本地,方便销售员工进行其他渠道方式传播及引流。

    1.5K30

    Jmeter系列之Fiddler导出Jmeter脚本

    29 2020-10 今天距2021年63天 这是ITester软件测试小栈第170次文 ?...本文1340字,阅读约需4分钟 在实际工作中,我们一般会使用Badboy或Jmete自身的代理录制Jmeter脚本。今天主要介绍如何用Fiddler录制及导出Jmeter脚本。...思路如下: ①将导出扩展文件复制到Fiddler的ImportExport目录下; ②Fiddler录制脚本; ③Fiddler导出.jmx脚本; ④Jmeter打开.jmx脚本增强运行脚本。...②下载完成,将压缩包解压到Fiddler的ImportExport目录中,会出现后缀为.dll和.pdb文件。 ? 二 Fiddler录制导出脚本 ①打开开启Fiddler。 ?...总结:本文主要介绍Fiddler通过插件导出录制的脚本,Jmeter导入使用。注意,导出的脚本并不一定能运行成功,需要根据接口文档,对脚本进行增强处理,比如加上请求头或进行关联。

    89310

    技术实现原理介绍

    个推服务器: 一侧负责维护与成千上万的个SDK的长时连接,另一侧与第三方服务器对接,将第三方定制数据下行推送至SDK。 3....第三方服务器: 数据推送的发起者,通过对接个推服务器,将数据发送至第三方客户端。 4. 第三方客户端: 第三方集成个SDK的客户端,推送数据正真的接收者和展现者。...)寄送到买家(第三方客户端),买家收货,先验收一下货物是否有损坏(数据是否符合定制要求),获取到包裹内容(获得服务端推送的数据),签单验收(个SDK反馈数据发送成功)。...第三方客户端集成个SDK。 2. 第三方客户端启动的时候,调用SDK接口,启动推送服务,SDK后台运行维护和个推服务端的长连接,实现SDK注册和登录。 3....个SDK服务作为需要长期后台稳定运行的程序,在电源管理方面能够做到取之有度,日均耗电量能够控制在40mAh左右,对用户日常手机使用几乎没有影响。

    2K70

    Zabbix告警消息推送至kafka消费至企业微信

    应用场景 由于朋友所在公司对安全性要求较高,zabbix所在的网络环境不能上外网,因此不能通过zabbix将告警直接发送至一些即时通讯工具,这就需要将报警消息发送至一些中间件,通过中间件转发出去,这里选择使用了...partitions 6 --topic zabbix-alert bin/kafka-topics.sh --list --bootstrap-server 192.168.179.132:9092 编写脚本将报警信息发送至...] ) data={"receive":receive,"alert":message} producer.send('zabbix-alert', data) producer.close() 编写脚本接收报警信息并发送至企业微信...json.dumps(message.value,ensure_ascii=False) messages=message.value sendweixin(token) 将此脚本放入后台持续运行...配置完成触发告警进行测试 效果如下 ?

    1.5K20

    LoadRunner12工具介绍(连载11)

    5 案例 案例9-2:电子商务网站登录功能。 电子商务网站登录页面如115所示。 ? 115 电子商务网站登录页面 要测试的场景是:进入电子商务网站,输入用户名和密码。...录制脚本如116所示。 ? 116 录制脚本 1.录制过程中,当主页完全出现后设置集合点:login和事务起点:login,输入用户名和密码,点击【登录】按钮。...等到产品概要列表页面出来,选择事务login结束,停止录制。确认关联。...再运行一下,确保这些参数都是从文件中出来的。 5.设置思考时间为“Replay think time as record” 6.设置运行场景,如117所示。 ?...117 设置运行场景 7.设置2台机器负债均衡,如118所示。 ? 118 添加两台监控器 然后运行运行时可以看到相应的运行情况,性能监控如119所示。运行情况如120所示。 ?

    57620

    跨境电子商务及支付业务管理体系的构建

    对于只是通过电子商务方式完成定购、签约等,但要通过传统的运输方式运送至购买人所在地,则归入货物贸易范畴,属于GATT的管理范畴。...三、我国跨境电子商务及支付业务管理体系构建建议 1.管理政策层面 (1)明确跨境电子商务交易的业务范围和开放顺序结合我国外汇管理体制现状,建议我国跨境电子商务及支付遵循先经常性项目资本性项目,先货物贸易服务贸易再至虚拟交易...(2)建立跨境电子商务主体资格登记及支付机构结售汇市场准入制度 一方面,对从事跨境电子商务的境内主体(除个人外)要求其必需在外汇局办理相关信息登记,方可进行跨境电子商务交易,建立跨境电子商务主体资格登记制度...外汇局可在一定范围内赋予支付机构部份代位监管职能,建立银行与支付机构责任共担机制,形成多方监管、互为监督的监管格局。...外汇局要加强对跨境电子商务外汇收支数据的统计、监测、管理,定期进行现场检查,以达到现场与非现场检查相结合的管理目标,增强监管力度。

    86610

    iCDO一周数据要闻:谷歌关闭个人版Google+;广告商在亚马逊的广告预算增长率高达三位数;微软将游戏流媒体服务

    (图片来自于网络) 新《2017-2018中国电子商务发展报告》里面,总结了去年一年中国电子商务的特点和趋势,总体来看有三个关键词报告称,优先的选择是评估科技公司的广告收入,以及有多少人在英国观看这些广告...(图片来自于网络) 谷歌称,公司今年3月就已发现这个漏洞推出补丁加以修复,表示没有证据表明用户数据被滥用,也并无证据表明任何开发者明知或利用了这个漏洞。...《报告》显示,对2018上半年所发生的web应用攻击类型进行分类统计发现,SQL注入(SQL Injection)攻击依然是最常用的Web应用攻击方式,与跨站脚本(XSS)、非法下载攻击占据了80%以上的...据了解,遗嘱登记前,该系统会自动对登记设备和网络环境进行多项技术检测,以确保真实,并将取证时间发送至国家授时中心认证,以证明电子证据的生成时间,同时利用区块链技术对所提哈希值进行分布式存储,以防篡改。...(信息来源: https://tech.sina.com.cn/it/2018-10-08/doc-ihkvrhpt0762099.shtml) 10月9日 微软将游戏流媒体服务:多平台运行,2019

    1.1K20

    通过案例带你轻松玩转JMeter连载(18)

    按照图12进行设置。 图12 登录响应断言 修改名称为:登录响应断言。 选择Apply to:中的Main sample only。...添加匹配规则为“字符串”,内容为:;电子商务系统-登录</title。 运行没有发生异常(我们要养成在建立脚本之后,随时运行,从而判断设置是否有问题的习惯)。...图13 登录BeanShell断言 2)修改名称:登录BeanShell断言,然后在脚本中输入如下代码。...按照图14进行设置。 图14 登录页面断言持续时间 修改名称为:登录页面断言持续时间。 选择Apply to:中的Main sample only。 持续时间:3000毫秒(即3秒)。...运行没有发生异常。对于断言持续时间将在第5.3-3节中进行详细介绍。

    31820

    iCDO一周数据要闻:谷歌关闭个人版Google+;广告商在亚马逊的广告预算增长率高达三位数;微软将游戏流媒体服务

    (图片来自于网络) 新《2017-2018中国电子商务发展报告》里面,总结了去年一年中国电子商务的特点和趋势,总体来看有三个关键词报告称,优先的选择是评估科技公司的广告收入,以及有多少人在英国观看这些广告...(图片来自于网络) 谷歌称,公司今年3月就已发现这个漏洞推出补丁加以修复,表示没有证据表明用户数据被滥用,也并无证据表明任何开发者明知或利用了这个漏洞。...《报告》显示,对2018上半年所发生的web应用攻击类型进行分类统计发现,SQL注入(SQL Injection)攻击依然是最常用的Web应用攻击方式,与跨站脚本(XSS)、非法下载攻击占据了80%以上的...据了解,遗嘱登记前,该系统会自动对登记设备和网络环境进行多项技术检测,以确保真实,并将取证时间发送至国家授时中心认证,以证明电子证据的生成时间,同时利用区块链技术对所提哈希值进行分布式存储,以防篡改。...(信息来源: https://tech.sina.com.cn/it/2018-10-08/doc-ihkvrhpt0762099.shtml) 10月9日 微软将游戏流媒体服务:多平台运行,2019

    96120

    我们从Vue到Alpine.js的旅程

    在与客户的又一次商讨,我们确定了我们所能提供显著竞争优势,让最终用户感受到速度的提升。 分析过程 我们需要更多的数据。...我们当前的设置 在重发布,我们将前端架构完全推翻重写,用 Vue 2 作为 JavaScript 框架,TailwindCSS 为 CSS 框架。...这次的结果让我们颇为满意,在最后的几项测试,对代码进行清理,我们开始准备下周一的版本发布。 上午 8 点 24 分,我们点下了“合并”按钮。...在研究通过 CI/CD 管道、手动测试或是通过 Lighthouse 节点 CLI 运行脚本时,我们偶然发现了 Debugbear。...Wasmer 3.0 发布,可在浏览器外运行 WebAssembly 马斯克要求特程序员写周报,具体到代码行数;刘强东称将末位淘汰部分京东高管;闰秒终于要被取消了!

    92530

    行云流水| CI 3.0 云原生构建全新上线

    ----研发过程中,如何直观且准确地获悉代码提交的质量状态?引入持续集成,可以自动化的对代码进行代码检查、单元测试、编译构建、甚至部署与发布,大幅提升开发人员的效率。...既可以使开发人员阅读、编写与复用流水线更加方便,又可以纳入代码仓库管理体系,像走查代码一样变更流水线配置,增强流水线的可控性与可追溯性。流畅——基于 DOCKER 生态1....一个简单的配置文件参考如下:配置文件含义当有任意提交推送至 master 分支时,将触发一个名为 echo 的阶段。在此阶段将运行在 script 步骤中所定义的脚本输出命令。...更多用法请参考官方文档:https://ci.coding.net/docs/step3:提交配置文件在终端中运行 git push  命令,将配置文件推送至代码仓库中。...step4:查看构建结果代码推送将按照配置文件中的定义触发云原生构建。访问代码仓库中的“云原生构建”,查看构建结果。在构建日志中查看构建阶段运行详情。

    32410

    行云流水| CI 3.0 云原生构建全新上线

    ---- 研发过程中,如何直观且准确地获悉代码提交的质量状态? 引入持续集成,可以自动化的对代码进行代码检查、单元测试、编译构建、甚至部署与发布,大幅提升开发人员的效率。...既可以使开发人员阅读、编写与复用流水线更加方便,又可以纳入代码仓库管理体系,像走查代码一样变更流水线配置,增强流水线的可控性与可追溯性。 流畅——基于 DOCKER 生态 1....一个简单的配置文件参考如下: 配置文件含义 当有任意提交推送至 master 分支时,将触发一个名为 echo 的阶段。在此阶段将运行在 script 步骤中所定义的脚本输出命令。...更多用法请参考官方文档:https://ci.coding.net/docs/ step3:提交配置文件 在终端中运行 git push 命令,将配置文件推送至代码仓库中。...step4:查看构建结果 代码推送将按照配置文件中的定义触发云原生构建。访问代码仓库中的“云原生构建”,查看构建结果。 在构建日志中查看构建阶段运行详情。

    28720

    现代数据技术栈:反向ETL

    然后将这些数据(或“加载”)回操作系统、SaaS应用程序或其他数据源。...加载:转换的数据被加载到数据仓库或数据湖中,用于分析查询和报告 其目的通常是使用在数据仓库中执行的高级分析、转换或聚合来增强或更新操作系统。...与传统的 ETL 不同,在传统 ETL 中,数据从源系统中提取、转换加载到数据仓库中,而反向 ETL 的运行方式不同。它从数据仓库或数据湖中已存在的转换数据开始。...从这里开始,该过程将这些增强的数据推送回各种操作系统、SaaS 应用程序或其他数据源。反向 ETL 的主要目标是利用来自数据仓库的见解来更新或增强这些操作系统。 为什么要反向 ETL?...操作机器学习模型:电子商务企业经常使用 ML 模型来预测客户流失等趋势。借助反向 ETL,在集中式数据环境中做出的预测可以直接推送到营销工具。

    13810

    VS Code使用Git可视化管理源代码详细教程

    VS Code简介: 官网下载地址: https://code.visualstudio.com/ Visual Studio Code是一个轻量级但功能强大的源代码编辑器,可在您的桌面上运行,...它具有对JavaScript,TypeScript和Node.js的内置支持,具有丰富的其他语言(例如C ++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统...推送至远程代码库: ? 验证是否推送成功,查看GitHub中的仓库内容: ?...本地提交,拉取时提示冲突如下: ? 合并冲突提交到远程代码库中: VS Code提供了四种智能合并的方式供给我们选择,我们可以按照实际情况进行代码冲突解决。...创建分支推送到远程代码库: 1、切换到源代码管理视图: ? 2、选择需要创建子分支的主分支: 注意:我们这里为develop分支创建feature-20210218分支。 ? ?

    9.1K22
    领券