文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何通过GTM将页面名称传递给GA？

通过GTM（Google Tag Manager）将页面名称传递给GA（Google Analytics）可以通过以下步骤实现：

  1. 在GTM中创建一个新的变量：
    • 进入GTM容器，点击左侧导航栏中的“变量”选项。
    • 点击“新建”按钮，选择“变量配置”。
    • 在“变量类型”中选择“DOM元素”。
    • 在“选择元素类型”中选择“元素ID”。
    • 在“元素ID”字段中输入页面名称所在元素的ID。
    • 点击“保存”。
  • 创建一个新的触发器：
    • 在左侧导航栏中点击“触发器”选项。
    • 点击“新建”按钮，选择“触发器配置”。
    • 在“触发器类型”中选择“自定义事件”。
    • 在“事件名称”字段中输入一个自定义的事件名称，例如“页面名称传递”。
    • 在“触发条件”中选择“变量”。
    • 选择之前创建的变量作为触发条件。
    • 点击“保存”。
  • 创建一个新的标签：
    • 在左侧导航栏中点击“标签”选项。
    • 点击“新建”按钮，选择“标签配置”。
    • 在“标签类型”中选择“Google Analytics：Universal Analytics”。
    • 在“跟踪类型”中选择“页面视图”。
    • 在“配置标签”中选择你的GA跟踪ID。
    • 在“触发器”中选择之前创建的触发器。
    • 点击“保存”。
  • 提交更改并发布：
    • 点击页面右上角的“提交”按钮。
    • 输入提交的版本名称和描述。
    • 点击“提交”按钮。
    • 在弹出的对话框中点击“发布”按钮。

通过以上步骤，当页面加载时，GTM将会捕获页面名称所在元素的ID，并将其传递给GA进行跟踪和分析。请注意，具体的页面名称元素ID和GA跟踪ID需要根据实际情况进行配置。

腾讯云相关产品和产品介绍链接地址：

  • 腾讯云：https://cloud.tencent.com/
  • 云服务器（CVM）：https://cloud.tencent.com/product/cvm
  • 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
  • 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
  • 云存储（COS）：https://cloud.tencent.com/product/cos
  • 人工智能（AI）：https://cloud.tencent.com/product/ai
  • 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
  • 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
  • 区块链（BCS）：https://cloud.tencent.com/product/bcs
  • 元宇宙（Metaverse）：https://cloud.tencent.com/solution/metaverse
相关搜索:如何通过GTM触发GA hitType=data？如何使用java脚本获取span文本，以便通过GTM将其传递给GAGTM + JS:如何将ID与类别名称匹配？通过ajax将json传递给页面OnGet方法如何通过Context API将单套接字IO实例传递给页面？如何通过将参数传递给URL来使用jQuery刷新页面如何通过参数将变量传递给stride如何通过接口将类传递给AsyncTask？如何通过指针将堆栈传递给函数？如何通过kubernetes将变量传递给Reactjs如何通过模板将列表传递给airflow？如何将$role->名称传递给函数？如何将非优化参数传递给GA包中的适应度函数如何通过Laravel 8中的控制器将页面标题传递给视图？通过URL将文件夹名称传递给自定义ASPX页面中的SPO Rest API调用如何将参数名称传递给方面方法如何将子名称属性传递给父数组如何通过Terraform将ulimit参数传递给Docker？如何通过onload将动态url传递给函数如何通过ajax将js变量传递给php
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

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

在本文中，你会了解到，如何将Google Analytics的功能转移到Google跟踪代码管理器。看完系列一，你可以在网站上配置GTM代码，实现网页浏览量的追踪。...我使用名称ATC（Analytics Tracking Code的首字母），因为它按字母顺序显示在列表的顶部，但你可以选择任何名称。 ?...你要确保复制正确，并且Fire On选项是“所有页面”。 ? 现在，你需要使用最低GTM配置来替换标准GA跟踪代码。 4.发布容器并部署GTM 代码 屏幕右上角是发布容器的按钮。...注意：请勿将GA代码与GTM代码一起放在网页上。如果这样做，系统将认为页面浏览量是2次，而不是1次。 6 测试你的GTM容器 此时，请先检查一下自己的GTM容器代码是否正确。...因此，现在我们已经完成最初设定的目标了——在GA中监测网站所有页面的浏览量。在第2部分中，我们会创建一些能够增强GA报告的代码（tag在GTM中文版本翻译成“代码”）。

4.2K50

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

在这一点上，相对于标准的GA 监测代码，GTM并没有带来额外的好处。现在，让我们创建一个简单的标记，将所有文档点击行为记录为GA中的页面浏览量。 为什么我们需要这样做？...通过GTM，我们可以添加触发器，以便在用户点击指向文档的链接时记录，然后配置代码将信息返送回GA. 触发器和代码 所以什么是代码，什么是触发器？ 触发器是指“发生的事情”。...代码是你如何记录“发生的事情”以及你要返送的信息。 因此，对于PDF链接的点击，我们检查点击的链接，如果链接包含“pdf”，触发器就会被触发。 我们将根据触发器触发代码，并将详细信息发送给GA。...GTM预览选项 假设 如果通过预览进行测试，则需要从你的Google Analytics的数据中过滤掉来自你自己网络的流量。你不想让所有的测试都最终成为实时数据。...GTM预览 在网站的每个网页上，你都应该始终看到一个代码已被触发 – 代码将每一个PageView发送给GA。 ? 导航到包含文档链接（PDF或DOCX）的页面 ，点击链接 - 文档在新页面中打开。

2.6K71

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

    滚动追踪报告会记录你的网站页面中发生的主要行为。 在本文中，我将逐步演示如何使用谷歌标签管家第二版（Google Tag ManagerV2）来“滚动追踪”你的目标网页。...也许初看时，你会很难理解如何通过Google Tag Manager实现“滚动追踪”。但是如果你遵循本文中所说的主要步骤，你会发现实现深度滚动追踪是很容易且有价值的。 让我们开始吧。...我们将通过一些页面来触发Custom HTML Tag。接下来就简单了，选择你之前创建的触发器： 变量：页面路径。 操作：包含。 “值”就是你的网站网址，然后保存该标签。...然后通过这些设置来确定选择的数据变量层： “数据层“名称：项目类别 数据层版本：第二版 保存变量。 请参考以下图片： ?...现在，你可以通过访问你的谷歌分析账户，开始享受通过GTM在你的网站上实现浏览深度滚动追踪的数据报告了。

    1.8K70

    如何将json数据通过vuex渲染到页面上

    如何将json数据通过vuex渲染到页面上 在store中导入axios import axios from 'axios' 复制代码 actions中执行异步操作，来将json数据拿到store中...) { state.list = list } }, 复制代码 在app.vue中按需导入 import { mapState } from 'vuex' 复制代码 在页面加载时通过...$store.dispatch('getList') }, 复制代码 通过计算属性的方式将state中的list内容放到app.vue中 computed: { ...mapState(['..."handleInputChange" /> computed: { ...mapState(['list', 'inputValue']) }, 复制代码 通过函数来监听最新文本并通过...$store.commit('cleanDone') } 复制代码 mutation中写入删除逻辑 filter可以将结果返回为一个新数组 将所有done=false的结果变为一个数组并将原来的

    2.6K11

    如何通过API将电商订单批量导入ERP和回传平台？

    因为表单需要提交的字段非常多，人工的方式带来的是更高的错误率和更久的工作时间，一旦录入错误，将严重影响包裹的投递，可能会导致理赔的产生，造成经济损失。...所以接入第三方物流快递信息API和电商订单导入API完成从订单记录到订单记录整个过程自动化处理，下面展示一段示例来看看怎么实现将电商平台订单通过API导入到ERP系统，如果想看怎么将运单导入到ERP系统和返回到电商平台...) ## 电商订单导入API 第三方电商订单导入服务，支持淘宝、阿里巴巴、京东、微店、国美、小红书、卷皮、孔夫子旧书网、快手、抖音、唯品会、有赞、考拉、蘑菇街、贝贝 请求参数（body） | 名称

    1.3K20

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

    本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。 这是这个系列的最后一篇。...关于如何利用GTM追踪页面的真实的跳出率。 虽然我在写有关GTM的第5篇文章时就说过，那篇文章是GTM的最后一篇文章了。但是我现在又写了第6篇。...不过，这篇是Google Tag Manager 101系列文章的最后一篇（当然，我会保留在之后将这个系列继续扩展的权利~），本文会介绍如何使用GTM中的计时器，同时如何使用该功能来计算页面真正的跳出率...该网站单个页面的内容信息量都较大，而且不同页面之间的内容相互独立。访客通过点击链接可以到达他们想要的页面，但是几乎在所有的页面上都少有访客有更加深度访问的行为。 3....通过在Google Tag Manager设置相应的触发器可以监测用户浏览当前页面向下滚动的情况，但是用户通常只对页面内容的某一部分感兴趣，并不一定会浏览到页面的底部。

    1.4K40

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

    本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。 这是这个系列的第三篇文章。...关于如何通过GTM创建链接监测代码。...如果点击任意页面上的任意链接，只要“mailto”存在链接，都会被触发（trigger）。 ? 我们创建的标签将mailto链接点击作为事件存储在GA。...创建外部链接作为虚拟页面视图，然后将其设置为目标 - 将销售过程中的其余部分添加为漏斗的步骤。...在你发布容器之前，进入GTM预览模式，并确认当你点击mailto链接和外部链接标签时，会被触发。你也可以在 GA测试视图确认你所看到的来自实时事件视图的事件。

    2.1K50

    GA源代码里的小技巧之Beacon请求

    GA源代码里的小技巧之Beacon请求 作者前段时间在做类似Google Analytics（以下简称GA）的第三方监控脚本。...所以对GA的前端代码做过调研，对GA的压缩后代码做了一定程度上的人肉美化。这里美化的是analytics.js的j41版本，本文提到的小技巧也是基于这个版本的js。...业内常用的一个方案是发送一个图片请求（GET方式），将请求参数放在图片请求的地址后面。例如： https://www.google-analytics.com/r/collect?...=GTM-MP42BH&z=300649187 因为通常第三方监控请求没有很强的安全要求（不会发送密码、密钥之类的信息），所以使用图片请求将请求参数放在地址里面也是OK的。...这个方法本质上和跨域的XHR请求没有多大区别，但是sendBeacon方法能够确保在页面关闭的时候还能发送成功。这也是它的最大优势。

    1.3K10

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

    关于如何通过GTM管理社交媒体的监测代码。 这是谷歌跟踪代码管理器（GTM）系列简介的第四部分——社交媒体代码。如果想从头学起，可以去看看该系列的第一部分，第二部分和第三部分。第五部分也会很快上线。...我使用了“Action = Page”表示在Twitter页面上的点击，并且”Action Target”将记录用户在点击链接时所在的页面。 ?...你可以通过运行GTM预览模式来查看点击“赞”时是否记录了任何点击。 如果GTM没有记录到点击，那么点赞按钮实际上是不属于该网站的。...预览模式 到目前为止，确定如何构建触发器的最简单的方法是使用GTM的预览模式。当我点击其中一个按钮时，一个gtm.linkClick就会被记录，Variables标签告诉了我需要知道的一切。...我们设置“Action = Share”，并再次记录具体页面路径以确定哪个博客文章被共享了。 标签 设置好的标签图示 ? 那么你该如何查看你社交分析的统计数据呢？

    2.5K60

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

    GTM代码管理器就像“中间人”，用于连接网站和其他第三方代码。所以只安装GTM没有任何作用，需要在GTM中配置第三方代码后才能发挥作用。...在 Google 官方的GTM代码管理器帮助中心有更多介绍，例如：设置和安装跟踪代码管理器。将网站变成灰色，方式很多，但归根到底都是通过添加CSS灰色滤镜来改变网站元素的显示。...简单三个步骤即可将整个网站变成灰色：在GTM中新建一个 Custom HTML 的Tag，Triggering 选择 All Pages，意思是对网站上的所有页面有效复制粘贴下面的代码到 HTML 输入框内...，这段 style 将添加 CSS 样式点击右上角 Submit 发布修改后的 GTM，刷新网站就可以看到效果了复制以下代码到新建的Tag中：html {filter...通过网站管理把网站变成灰色万一没有安装 GTM，或者无论如何配置也搞不定，可以直接在网站管理后台安装上面的代码，效果相同。

    49750

    vue父子组件传值方法_vue父组件向子组件传递对象

    前言 在业务场景中经常会遇到子组件向父组件传递数值，或是父组件向子组件传递数值，下面将结合vue富文本框一起来了解一下父与子组件之间的传值 业务场景 在vue项目中创建了一个可以重复使用的富文本编辑器...（子组件向父组件传值） 父组件向子组件传值 (v-bind:child-props) 1、业务：新闻编辑页面中，把新闻内容传递给子组件富文本编辑器 2、方法： <子组件名称 v-bind: 子组件中的...content，父组件中可以通过content把数据传递给子组件 data() { return { editorOption: {}, editorContent...v-bind:子组件props进行数据的传 子组件向父组件传值 (@childemit=parentEvent) 1、业务：在新闻编辑页面中，在富文本编辑器中（子组件）更新内容后，把最新的内容传递给到新闻页面中...$router.push({ path: "/" }); }, }, }; 至此，根据业务场景将vue间的传值过了一遍，如上描述如有错漏

    2.1K10

    JS 中 cookie 的使用

    每当一台计算机通过浏览器来访问某个页面时，那么就可以通过 JavaScript 来创建和读取 cookie。 　　...PS:虽然 浏览器将信息保存在 cookie 中是加密了，但是可能还是会造成不安全的信息泄露 　　②、类似于购物车性质的功能，第一次用户将某些商品放入购物车了，但是临时有事，将电脑关闭了，下次再次进入此网站...PS：实际操作中，这种方法很少用了，基本上都是将这些信息存储在数据库中。然后通过查询数据库的信息来恢复购物车里的物品 　　③、页面之间的传值。在实际开发中，我们往往会通过一个页面跳转到另外一个页面。...后端服务器我们可以通过数据库，session 等来传递页面所需要的值。但是在浏览器端，我们可以将数据保存在 cookie 中，然后在另外页面再去获取 cookie 中的数据。...encodeURIComponent("name")+"="+encodeURIComponent("中文"); 二、expires=evalue 可选参数 　　　　该对象的有效时间（可选）只支持GTM

    6.2K70

    如何让GA符合GDPR合规要求？5个步骤快速入门

    如果您还不熟悉GDPR的细节，以及为什么您应该在5月份截止日期前采取行动做好准备，请阅读我的博文了解如何通过遵从GDPR要求来避免处罚和建立信任。 ? 快速了解GDPR的要点 ?...确保用户输入的任何数据（包括GA收集）不包含PII。...请注意，仅仅过滤掉PII（通过Google Analytics过滤器）是不够的；您必须在代码层级解决此问题，以防止将数据发送到Google Analytics。...如果您不使用Google Tag Manager(GTM)，您的标记管理系统可能会将此设置作为选项公开，或者您可能需要直接编辑代码。...这一变化的结果是在技术上可行的情况下，Google将立即通过删除IP地址的最后八位字节（您的IP变成123.123.123.0——最后一个部分/八位字节被替换为‘0’）匿名化IP地址。

    1.8K20

    金融级分布式数据库架构设计要点

    日志条目只会从领导者传给跟随者，不会出现因为新领导者缺日志而需要跟随者向领导者传日志的情况，并且领导者从不会覆盖本地日志中已经存在的条目。...No.2 如何处理元数据的问题？ 上面的方案看似很完美的事情，但是有个问题：如果直接将mysql或者pg的server层搬过来的话，元数据怎么办？cn上到底放不放元数据？...针对高可用这块问题，可以将gtm的事务号存储信息剥离，将事务号信息存在第三方存储中，例如etcd就是个很好的选择，etcd是个强一致高可用的分布式存储集群，etcd比较轻量，适合用来存储事务号信息，同时它自身保证了高可用与强一致...，该功能已经实现；gtm-lite是将事务分类，全局事务就走gtm，本地事务就直接下发，因为大多数情况下都是本地事务，所以性能提升也很明显，该功能还在研发阶段。...分布式数据库如何实现PITR 数据库的PITR一般都是通过一个基础备份加上持续不间断的wal归档来做到的，这个基础备份可以是在线的，因为它并不需要数据库当时处于一致性状态，一致性可以通过replay redo

    2.3K61

    从零开始搭建前端数据监控系统(一)-同类产品调研

    但是缺点同样明显，在调用ga()时需要谨慎处理参数，包括格式、数目、名称等，推荐使用fieldsObject的方式调用，比如： ga('send', { 'hitType': 'pageview',...1.1 ga()命令队列 ga()命令队列的设计理念是组织命令执行队列，调用ga()本质上是将命令加入队列中。...，将针对该跟踪器调用要执行的命令。...ga('provide', pluginName, pluginConstuctor); 这个命令是用于编写插件使用的，具体使用方法请参考如何编写GA插件。...']); 2.1 自定义字段 百度统计js可以通过_setCustomVar设置自定义统计字段，但是自定义的字段信息是需要提前确认的，要么使用页面的脚本逻辑获取，比如： _hmt.push(['_setCustomVar

    1.4K50

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

    将弹出一个包含所有可用标签的窗口，在此处单击“在社区模板库中发现更多标签类型”链接。...通过指定 Matomo URL 和Matomo IdSite来配置标签。 向下滚动并单击“触发”。 选择“所有页面”以在所有页面上触发 Matomo 跟踪标签。 单击“保存”。...选择“所有页面”以在所有页面上触发“Matomo 跟踪标签”。 单击“保存”。 单击“预览”按钮预览您的更改。 检查 Matomo 标签是否按预期触发。...要了解有关将 Matomo 与 GTM 结合使用的更多信息，我们推荐这篇第 3 方文章：Google 跟踪代码管理器和 Matomo。 您知道 Matomo 也有自己的标签管理器吗？...了解有关Matomo 标签管理器的更多信息，或了解如何从 GTM 迁移到 MTM。

    39830
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券