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

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

单击“标签配置”并选择“自定义 HTML” 复制标准 Matomo JavaScript 跟踪代码: 使用您管理员或超级用户帐户登录 Matomo。 单击右上角菜单“管理”(齿轮图标)。...单击左侧菜单跟踪代码”(在“可衡量”或“网站”菜单下)。 单击左侧菜单跟踪代码”。 单击“JavaScript 跟踪”部分。 选择您要跟踪网站。 复制跟踪代码。...您已通过 Google 跟踪代码管理器成功设置了 Matomo 跟踪代码。要验证是否正在跟踪点击,请访问您网站并检查此数据在您 Matomo 实例是否可见。...要了解有关将 Matomo 与 GTM 结合使用更多信息,我们推荐这篇第 3 方文章:Google 跟踪代码管理器和 Matomo。 您知道 Matomo 也有自己标签管理器吗?...了解有关Matomo 标签管理器更多信息,或了解如何从 GTM 迁移到 MTM。

27830

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

Google跟踪代码管理器(GTM)是方便非开发人员进行复杂分析一项重要工具,其功能在Google Analytics(GA)是找不到。...首先,如果你还没有Google帐户,请先创建一个GTM代码管理器帐户。 ? 我们先在帐户创建第一个容器,每个容器都有一个唯一GTM代码。...2.将Google Analytics跟踪代码添加为变量 你创建每个代码(tag在GTM中文版本翻译成“代码”)都需要发送到你Google Analytics跟踪代码。...现在,你需要使用最低GTM配置来替换标准GA跟踪代码。 4.发布容器并部署GTM 代码 屏幕右上角是发布容器按钮。 GTM存储所有容器版本历史,所以如果发布后出现问题,你可以回退。 ?...因此,现在我们已经完成最初设定目标了——在GA监测网站所有页面的浏览量。在第2部分,我们会创建一些能够增强GA报告代码(tag在GTM中文版本翻译成“代码”)。

4.1K50
您找到你想要的搜索结果了吗?
是的
没有找到

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

关于如何通过GTM管理社交媒体监测代码。 这是谷歌跟踪代码管理器(GTM)系列简介第四部分——社交媒体代码。如果想从头学起,可以去看看该系列第一部分,第二部分和第三部分。第五部分也会很快上线。...在“概览”一栏,则展示了每个社交网络在流量转化上有多成功以及其他一些渠道报告。 在“社交”部分还有一个名为“插件”报告,这张报告内容可以通过GTM来部署实施。...这些都属于与你网站内容互动指标,在我们博客页面上,我们也同样跟踪了所有的这些指标。因此,请随意分享这篇文章(看看文章左边那些按钮),这样我就可以测试它们是否能正常运行了!...我可以使用图中Click作为触发器,实际上是使用Click Classes (元素类属性一系列值)触发此变量。 即使每个点击完整字符串不一致,但它们都是以相同文本开头。...那么现在你就可以去看看我们第五部分GTM简介了,是关于表单提交跟踪相关内容。

2.4K60

3.1.5 、Google Tag Manager基础知识——GTM重要概念

下面看如何通过内置模板部署统一版GA跟踪代码: 1、GTM单击“代码”→“新建”,可以看到如图3-10所示页面 ?...图3-12 统一版跟踪代码配置 由于是默认跟踪,所以这里跟踪类型选择“网页浏览”,然后单击“在此代码启用替代设置”,将GA跟踪ID填入即可。...1)跟踪类型 跟踪类型就是指跟踪什么类型数据,GTM默认支持数据类型如表3-5所列: 表3-5 GTM跟踪类型 ?...也就是顶级域名了,这个设置效果等同于GA跟踪代码了 ga('create', 'UA-XXXXX-Y', 'auto'); 3)更多设置 要设置字段:是GTM代码模板拓展选项,配置这些字段将是您更好管理代码...在GTM文档,数据层是用来收集网站数据GTM可以直接在页面的html通过js遍历html dom提取数据,如图3-32所示: ?

3.5K21

google跟踪代码管理器gtm无法给相同class元素绑定click事件埋点解决

Google 跟踪代码管理器是一个跟踪代码管理系统 (TMS),可以帮助您快速轻松地更新网站或移动应用上跟踪代码及相关代码段(统称为“代码”)。...将一小段跟踪代码管理器代码添加到项目后,您可以通过网页界面安全轻松地部署 Google Analytics(分析)和衡量代码配置。...在通过clickClasses给相同class多个元素块绑定click事件埋点时候,发现无法实现,通过gtm管理器调试发现,点击时候,显示是里层被点击元素,而我们想要绑定整个外层大块元素,所以这时候我们只能自己写...2、绑定事件代码,这里发现,正常addEventListener默认是冒泡事件,给父元素绑定click事件,点击子元素某个元素会冒泡顶级元素,但是这里并不能冒泡上去,所以暂时兼容办法,采取DOM0级事件绑定...,onclick方式,但是这样有一个弊端,就是如果该元素本身原来如果有click事件,会被覆盖,所以如果是使用这种方法,一定要避开已经有绑定click事件元素。

1.1K10

Windows Workflow Foundation 跟踪服务

Windows Workflow Foundation 中最强大功能之一是跟踪。它使您能够监控事件、活动属性以及您工作流自定义数据。...在本专栏,我将检查跟踪基础结构、向您介绍如何使用内置基于 SQL Server™ 跟踪服务以及如何为各种应用创建自定义跟踪服务。...顺着这一思路,我将演示如何使用所跟踪信息以及如何通过使用跟踪来满足一些常见需求。      许多应用程序需要了解程序逻辑和处理步骤执行。...Windows® Workflow Foundation 提供了灵活基础结构,您可以在其中覆盖您自定义实现,而不必为各应用程序创建不同跟踪系统。...这简化了开发模型,使您可以关注于跟踪业务要求。 http://msdn.microsoft.com/msdnmag/issues/07/03/Foundations/default.aspx?

68390

linq to sql自动缓存(对象跟踪)

这篇东西应该至少一年前就写,不过因为个人太懒,一直没记下来,今天补上. linq to sql,对于同一个DataContext上下文环境,根据表主键选择记录时(当然这里所指“记录”会自动转成“对象...因为缓存关系,我们重新取出原始记录时,其实取出并不是数据库原始值,而缓存在内存里对象实例(即修改后对象 ),所以比较时,永远都会返回未修改过。 测试原始记录如下: ?...解决办法有二个: 1、关闭默认对象跟踪 即: dbDataContext db = new dbDataContext(); db.ObjectTrackingEnabled = false;//关闭默认对象跟踪...这个办法最简单,但却是一刀切办法,会关闭db所有的缓存功能,在查询请求远大于更新请求场景下,个人并不太喜欢。...,由于db2是刚创建,之前肯定没有查询过Id==u1.id记录,所以缓存是空,因此会到数据库重新查询,当然db2用完后,会自动释放相关资源(using功劳!)

1.3K70

如何在 React 实现鼠标悬停显示文本?

在 React 应用,当用户将鼠标悬停在某个元素上时,我们经常需要显示一些相关文本,以提供额外信息或交互提示。...本文将详细介绍如何在 React 实现鼠标悬停显示文本功能,并提供示例代码帮助你理解和应用这个功能。...使用状态管理在 React ,我们可以使用状态管理来处理鼠标悬停事件,并根据悬停状态来控制文本显示与隐藏。...在组件返回值,我们将 元素作为悬停触发区域,并根据 isHovered 状态来决定是否显示文本。...通过传递 content 属性来设置悬停时显示文本内容。在组件返回值,我们使用 render props 方式来渲染触发区域元素。

2.7K10

在Mockplus,如何做鼠标悬停时菜单下拉效果?

了解Mockplus用户会知道,该原型工具目前并不直接支持鼠标悬停功能。...但我经过尝试,发现想用它实现一个鼠标悬停事件并不是什么难事,比如网页设计很常见鼠标悬停时菜单下拉效果,只要换个思路,利用Mockplus状态交互功能,就能轻松实现。...打开Mockplus,从界面左侧组件库拖出一个矩形,将其复制成多个。其中一个作为菜单显示区域(图中蓝色矩形),另外几个拼接起来作为菜单内容。 在右侧参数面板,将第一个矩形设置为不可见。...第三步:利用状态交互,实现鼠标悬停时菜单下拉效果。 在界面右侧参数面板上,将透明度设置为0,并点击“透明度”前小闪电。选择“鼠标经过时”,透明度设置为100。 ?...这样,一个简单鼠标悬停下拉菜单就做好了。 点击界面上方“预览”,即可查看效果: ? 这就是原型设计奇妙之处:用有限条件创造出无限效果。正如弹钢琴,琴键有限,音乐却是无限

2.4K60

3.1.4 、Google Tag Manager基础知识——GTM部署

在了解完GTM账户和容器操作界面后,对各个位置功能和操作都有一定了解,接下来看如何部署GTM跟踪代码。 GTM部署比较简单,获取跟踪代码后布署到所有的页面上即可,下面演示详细操作步骤。...图3-5 创建容器 选择后会出现如下界面,在“容器名称”输入网址或网站名字,“容器使用位置”根据自己实际情况选择类型,这里选择“网站”,如图3-6所示: ?...2、获取GTM跟踪代码 单击“管理”→“安装Google跟踪代码管理器”就可以看到GTM跟踪代码,跟踪代码有两段,如图3-7所示,一段部署在head里面,一个段部署在body里面,这样做原因是为了更快加载到跟踪代码...访问部署站点,然后单击里enable后刷新一下页面,如图3-9所示,然后看是否有GTM跟踪代码: ? 图3-9 验证GTM跟踪代码是否生效 如果有,表示GTM跟踪代码生效。...5、将所有硬编码代码(如 AdWords 或 DoubleClick 代码)从网站源代码迁移到GTM

2.4K20

1.2.1 、Google Analytics布署几种方法

2.部署方法2——GTM自定义HTML 这一节讲解如何通过GTM来部署GA跟踪代代码,这里默认大家已经都有一定GTM基础了,主要是为了讲解GA部署,不懂读者可以看后面的第3章,GTM不是这一节重点...通过GTM有两种部署GA跟踪代码方式,本节主要是讲解通过自定义html形式,原理的话就是将跟踪代码添加到GTM自定义HTML代码里面,然后触发页面是“All Pages”,这样就实现了将跟踪代码部署到所有的页面上了...3.部署方法3——GTM内置模块 这一节主要介绍如何通过GTM里面的内置模板去部署GA跟踪代码,这个也是我最推荐一种部署方式,与前两种方式不同是:这一种部署方式不需要复制GA跟踪代码,是需要知道跟踪...”,跟踪类型选择“页面浏览”,勾选“在此代码启用替代设置”,然后将跟踪 ID填入标记框,如图1-18所示。...注意 为了不让竞争对手知道您对跟踪代码做了哪些深度定制,可以将跟踪代码保存为js文件后,在header引入,这样做在页面不会出现相关跟踪代码源码,或可以通过GTM托管,但第三方插件还是可以检测出来

1.2K10

3.1 .1、Google Tag Manager基础知识——GTM简介

当您将跟踪代码管理器容器代码添加到网站或应用后,便可直接在跟踪代码管理器网络应用更新、添加和管理其他代码。 对于移动容器,首次下载容器前,系统会使用一个默认容器来设置初始代码配置。...2.用GTM有下面几个主要好处: (1)GTM对网站代码做调整只是对代码(Tag)进行增加、删除和修改操作 GTM容器代码能一次性在添加在整个站点所有页面,整个容器可以存储和发布不同营销和分析标签...(3)GTM让个性化跟踪变得成为了可能 使用GTM最大优点就是:站点个性化跟踪将变得成为了可能,GTM提供了很多内置代码和函数,您可以在短时间内就可以实现个性化跟踪。...同样工作如果没有GTM可能需要花费几周去实现同样跟踪,例如您要跟踪站内外链,您可能就要考虑到底有多少链接可以链接到站外。...(4)GTM让代码管理更有效 当您使用GTM,您可以增加,编辑,开启或关闭,删除网站上代码,当您管理成千上万营销或跟踪代码时候,GTM让便签管理便捷程度大大提升。

2.3K20
领券