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

3.2.7 、Google Tag Manager实战指南——六种事件跟踪方法

图3-63 GA小站头部 2、在GTM中用自定义html的方法g-mono与事件绑定,如图3-64所示: ?...图3-65 接收数据层变量 4、触发器中接收自定义事件变量,如图3-66所示: ? 图3-66 接收自定义事件 5、在GTM中设置代码,如图3-67所示: ?...图3-70 2、自定义JavaScriptGTM中选择“变量”→“新建”→“选择一个变量类型以开始设置…”→“自定义JavaScript”,然后这段代码复制进入,此js是获取Web页面的固定属性...图3-71 自定义JavaScript 更改attr后面的属性可以获取不同全局属性。这里需要注意,这段代码中使用了,这个变量GTM属于用户自定义变量里的的,默认是没有启用,要使用要做点配置。...在GTM中单击“变量”→“新建”→“选择一个变量类型以开始设置…”→“自动事件变量”,其中变量类型选择“元素”,然后变量保存为element,具体配置信息如图3-72所示: ?

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

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

下面来看看如何通过自定义模板部署百度统计跟踪代码: 1、在GTM中选择“代码”→“新建”→“选择一个代码类型以开始设置”→“自定义HTML”,再将百度统计跟踪代码复制进入,如图3-14所示,这个代码命名为...自定义指标:就是GA里面的自定义指标了,其中“索引”就是一个数字,对应GA中的自定义指标的“索引”,指标值就是传入的变量。可以看到,自定义维度和自定义指标在GTM中的实现都是通过传递变量的形式。...下面介绍一些用户自定义变量中一些比较常用的用法: 1)JavaScript变量 这个的作用是页面中的全局变量读取进GTM,如在页面上有这样一段代码: UserID=“haran.huang...@gmail.com”; 那么就可以通过JavaScript变量UserID读进GTM里面,在GTM中选择“变量”→“用户定义变量”→“JavaScript变量”,具体设置如图3-...图3-27JavaScript变量 2)数据层变量 这个是用于接收数据层变量的,例如数据层的格式是: dataLayer.push({'event': 'Page','data1': 'a', 'data2

3.5K21

3.2.14 、Google Tag Manager实战指南——监控Flash产品上的单击

实现原理:用向数据层推送事件的形式,用户在flash单击的时候触发向数据层发送事件,包含自定义事件名和数据层变变量自定义事件通过触发器里的自定义事件接收,数据层变量里的不同数值表示不同位置的单击,通过变量里的数据层变量接收...图3-119 监控Flash原理图 需要注意的是左边的用户单击flash直接调用dataLayer的写法dataLayer.push{'event':gtm_flash_event,'gtm_flash_action...':1001} 详细实现过程: 1、变量中新建数据层变量接受gtm_flash_envent,配置如图3-120所示: ?...图3-120 接收数据层变量 2、变量中用对照表,接收到的数据层变量gtm_flash_acton的数值与具体的行为做转义,具体如图3-121所示: ?...3、触发器中接受自定义事件gtm_flash_event,作为促发条件,如图3-122所示: ? 图3-122 自定义事件触发器 4、设置代码,向GA发送数据,具体设置如图3-123所示: ?

77820

JavaScript 中如何判断变量是否数字

作者: Marcus Sanatan 译者:前端小智 来源:stackabuse 简介 JavaScript 是一种动态类型语言,这意味着解释器在运行时确定变量的类型。...当我们期望一个变量是数字时,对字符串或数组进行操作可能会在代码中导致奇怪的结果。在本文中,我们将会介绍一些判断变量是否数字的函数。 像"10"之类的数字的字符串不应被接受。...它接受一个参数,并确定其值是否NaN。因为我们想检查一个变量是否是一个数字,所以我们将在检查中使用非操作符!。 > !Number.isNaN(intVar); true > !...(一种特殊类型的 object) 为了验证变量是否数字,我们只需要检查typeof()返回的值是否`"number"。...总结 在本文中,我们学习了如何检查JavaScript中的变量是否数字。 Number.isNaN()函数仅在我们知道变量数字并且需要验证它是否NaN`时才适用。

2.7K10

检查 JavaScript 变量是否数字的几种方式

// 每日前端夜话 第405篇 // 正文共:1100 字 // 预计阅读时间:5 分钟 介绍 JavaScript 是一种动态类型的语言,这意味着解释器是在运行时确定变量类型的。...在本文中,我们研究可以帮我们确定所用的变量是否数字的各种函数。...字符串形式的数字例如 "100" 不应该被处理,同时在 JavaScript中 NaN,Infinity 和 -Infinity 之类的特殊值也都是数字,不过我们忽略这些值。...(对象的一种特殊类型) 为了验证变量是否数字,我们只需要检查 typeof() 返回的值是否 "number"。...总结 本文研究了如何检查 JavaScript 中的变量是否数字。 只有在我们知道自己的变量是一个数字,并且需要验证它是否 NaN 时,Number.isNaN() 函数才适用。

2.7K41

3.2.8 、Google Tag Manager实战指南——虚拟页面跟踪单页应用

实现原理:如图3-85所示,打开新的页面的时候向数据层推送事件,然后在GTM事件转化成PV,跟直接推送PV相比,这种方法好处就是可以通过GTM上的触发器控制页面和Hits的数量,而不需要做发版。...图3-85 单页应用跟踪原理 这种方式的原理等于与前一节事件跟踪的dataLayer方法。...基本上对于使用GTM来管理APP也是类似的原理,都是通过数据层来管理屏幕,维度,指标等 设置过程: 1、变量,接收[数据层](https://www.ichdata.com/tag/数据层" \t "...图8-86 自定义事件 这配置表示接收所有的自定义事件。...图3-87 自定义事件触发器 3、代码 在要设置的字段中找到page,值就是前面的变量EventName,这个就是[数据层](https://www.ichdata.com/tag/数据层" \t "

1.1K30

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

在本文中,我逐步演示如何使用谷歌标签管家第二版(Google Tag ManagerV2)来“滚动追踪”你的目标网页。...对GTM的术语(例如代码,触发器和变量)以及GTM工作原理有个基本的认识将有助于你的滚动追踪实施。...选择“CUSTOM HTML TAG”(自定义html 代码)。此标签保留我们的“下拉浏览深度”(Scroll Depth)代码。 因此,代码复制并覆盖到CUSTOM HTML TAG中。...我们通过一些页面来触发Custom HTML Tag。接下来就简单了,选择你之前创建的触发器: 变量:页面路径。 操作:包含。 “值”就是你的网站网址,然后保存该标签。...== "undefined" && typeof dataLayer.push ==="function") { standardEventHandler =dataLayer.push; } if

1.8K70

Google Tag Manager中新的调试方式:Tag Assistant

展示的信息:Tag Assistant展示DataLayer,Tag Assistant展示DataLayer和API Call的信息 Tag Assistant的优势 支持Google Analytics...带“ x”的灰色图标表示在页面上未找到代码 如果找到有效的标签,绿色指示灯显示。...图标中的数字表示找到的标签数量 蓝色指示器显示有关改善整体标记健康的建议 黄色指示器表明已发现标签中存在少量实施问题 红色指示器表明已发现存在严重实施问题的标签 下面一些带有数字的表示在这个页面的行为...这里的测试思路是跟原有的Preview Model是一样的: 选择左侧对应的行为,可以看右侧有哪些Tag触发,也可以看变量里面的值是否获取正确,或看数据层的发送了哪些信息,或在Error里面看有什么错误...注意 由于调试的时候是Tag Assistant去连接打开测试URL,可以理解是通过Tag Assistant跳转到测试页面的,所以测试流量会识别从tagassistant.google.com过来的

2.8K20

Global Site Tag的不同版本解析

tracking Id,tracking Id的结构是UA-******-*,这是Google Analytics升级而来;另一个是混合全局版,也就是APP+web ,跟踪代码里面用的是测量ID,测量ID的结构是GTM...id=UA-XXXXX-X"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push...混合全局版(APP+Web) 2019年8月,谷歌发布 APP+Web Property,APP和Web的数据汇总到一起跟踪,这个版本的报告页面做了很大的升级,跟踪代码也不一样: window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push...报告的界面类似Adobe的Workspace的,更强调自定义分析,如下: ? 目前报告UI还处于Beta版本,你可以可以切换成旧版本的Firebase的界面,切换的位置在左上角: ?

1.6K20

3.2.5 、Google Tag Manager实战指南——全局变量自定义维度

实现原理:分组标示作为页面的全局变量变量中的JavaScript变量读取全局变量,然后在GA中自定义维度新建一个字段,记下索引,在GA默认跟踪代码中自定义维度分别增加变量新建的变量和GA中自定位维度的索引即可...2、分组变量放到页面上去 这个需要开发支持,将对应的字段按照如下格式放到页面上去: 代码清单3-4 MonthGroup="A"; 3、获取页面分组变量GTM...中单击“变量”→“用户自定义变量”→“新建”→“选择一个变量类型以开始设置…”→“JavaScript变量”,做如图3-51所示的配置: ?...图3-51 JavaScript变量设置 4、全局变量自定义维度 在GA默认跟踪代码中,找到“更多设置”里的自定义维度,然后做如图3-52所示配置: ?...图3-52 设置自定义维度 左侧的索引就是GA里面创建自定维度的时候生成的索引了,右侧的维度就就是需要传递进入的变量了,这里都是用两个大括号括起来的,也可以单击右侧的图标进去找对应的变量

1.1K20

javascript中如何字符串转成变量或可执行的代码?

有这样一个需求:当前作用域内有未知的一些变量,其中一个函数中可以拿到某个变量名字符串,怎么能在函数内通过传进来的字符串取到作用域链中的变量值,示例小 demo 如下: const name = '周小黑...' const age = 18 /** * @param {String} e 变量名字符串 * @returns value 通过变量名字符串在作用域链中取到的变量值 */ function...return value } const str = fn('name') 要解决上面的问题,主要就是怎么字符串转变成可执行的代码?...主要有三种方式: eval() 函数 eval() 函数会将传入的字符串当做 JavaScript 代码进行执行,所以下面的字符串可以正确取到变量对应的值,eval 对比 new Function 和...实际上浏览器中也是不推荐这么用的,另外需要注意的是字符串中的变量只能访问全局作用域,不能访问局部作用域,如果全局作用域中没有,就是 undefined。

34330

JavaScript 用七种方式教你判断一个变量是否数组类型

JavaScript 如何判断一个变量是否数组类型 引言 正文 方法一 方法二 方法三 方法四 方法五 方法六 方法七 结束语 引言 我们如何判断一个变量是否数组类型呢?...今天来给大家介绍七种方式,别走开, 这肯定会被问到的~继续往下看吧 正文 首先先告诉你们, typeof 是无法判断一个变量是否数组类型的,我们来看一下例子: let arr = [1, 2, 3]..., 例如: let arr = [1, 2, 3] console.log(arr instanceof Array) // true 返回true,说明变量arr是数组类型 方法二 利用构造函数来判断他的原型是否...返回true,说明变量arr是数组类型 方法七 第七种方式是通过 isPrototypeOf() 方法来判断是否数组类型,例如 let arr = [1, 2, 3] console.log...(Array.prototype.isPrototypeOf(arr)) // true 返回true,说明变量arr是数组类型 结束语 当你面试中被问到如何判断一个变量是否数组类型的时候

74510
领券