本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化的Tag Management,从而实现更优化的监测代码配置。 这是这个系列的第二篇文章,介绍GTM触发器和代码的创建。...(第3部分,第4部分和第5部将连载发布) 在第1部分中,我们创建了一个Google跟踪代码管理器(GTM)帐户和容器代码,并创建了一个代码,用于将所有网页浏览的Page View发送到Google Analytics...STEP 1第一步 给你的代码一个命名 - 它可以和触发器用同样的命名。 GTM可以发送多种类型的代码,请选择你现有的GA类型。对于跟踪ID,请使用你在第1部分中定义的变量。...GTM预览选项 假设 如果通过预览进行测试,则需要从你的Google Analytics的数据中过滤掉来自你自己网络的流量。你不想让所有的测试都最终成为实时数据。...发布容器代码并且测试 在第1部分中,你将了解如何发布你的容器代码。这会将你的新触发器和代码实时推送到网站。 然后转到你的网站,点击一些文档。
原理 我们知道,Google Analytics是通过Client ID识别用户的,而Client-ID 是随机生成的独一无二的字符串,生成后的 ID 存储在浏览器的 Cookie 中,这样用户再次访问同一网站时即可被识别...在Google Analytics中做跨站跟踪主要是对allowLinker和linker做设置,allowLinker是链接器参数,作为是从URL上获取Client ID并将其设置为自己的Client...ID,linker是链接器插件,是从A跳转到B的时候,将A的Client ID添加到B的着陆页上。...假设现在有A.com和B.com需要做跨域跟踪,看看如何设置: Universal Analytics跨站 Universal Analytics,其实就是统一版跟踪代码,有两种方式可以实现跨域: 硬编码...,分为普通全局版和混合全局版,带它们的代码结构是一直的,设置也是一样的,如: 普通全局版 普通全局版使用的Tracking ID,未修改的跟踪代码是: <!
在主题配置文件中设置 tracking ID 从你的账号中获取谷歌分析的 tracking ID,之后再配置文件中新增条目。...# Google Analytics Tracking ID google_analytics: UA-83746351-2 创建一个新的局部文件 创建一个新的局部视图文件 layout/_partial.../google-analytic.ejs /* layout/_partial/google-analytic.ejs */ ...-- Google Analytics --> 大功告成!...代码是从原先的 bootstrap 模板中复制过来的,文本则来自于配置文件。
本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化的Tag Management,从而实现更优化的监测代码配置。 这是这个系列的第一篇文章。...Google跟踪代码管理器(GTM)是方便非开发人员进行复杂分析的一项重要工具,其功能在Google Analytics(GA)中是找不到的。...在本文中,你会了解到,如何将Google Analytics的功能转移到Google跟踪代码管理器。看完系列一,你可以在网站上配置GTM代码,实现网页浏览量的追踪。...由于每个帐户可以创建多个容器,如果你有一个测试网站,那么就可以创建一个单独的容器,方便在上线前测试网站代码。...2.将Google Analytics跟踪代码添加为变量 你创建的每个代码(tag在GTM中文版本翻译成“代码”)都需要发送到你的Google Analytics跟踪代码。
一方面这非常棒 - 你可以写出复杂的查询,创建自定义报告,以及花上15分钟来进行快速设置以设立目标。...(时间/小时维度) 到访的第一家商店会如何影响游客在商场中随后其他的行程? (登陆页维度) 根据购买总额,哪些店铺最受欢迎?...Google Analytics也会跟踪会话中页面的访问顺序。 因此引入了登陆页面的概念 - 用户在会话中访问的第一个页面。 想象你访问一个商场的情形。...这里有一个重要的注意事项 - Google Analytics无法计算一个会话中访问的最后一页的时间。...接下来,可以开始研究你的数据,以发现在营销和用户体验中需要改进的地方。 我们为10个流行的Google Analytics仪表板编写了指南,以帮助你了解分析网站数据的常用策略。
这一节主要介绍如何部署GA跟踪代码和如何对跟踪代码做个性化的定制,提高数据准确度以及检验代码是否部署正确。...图1-13 跟踪代码的获取 注意:Google分析在2017年9月发布了全局版跟踪代码的测试版,本书仍是以讲解统一版为主,下面是统一版的跟踪代码,只需将其中的UA-XXXXX-Y替换成自己的跟踪ID即可...(2)GTM新建自定义HTML 在GTM选择“代码”→“新建”→“选择一个代码类型以开始设置…”→“自定义HTML”,命名为“GA默认跟踪代码”,然后将跟踪代码复制进入,如图1-15所示。 ?...图1-17 获取跟踪ID (2)GTM中新建Universal Analytics 在GTM中选择“管理”→“跟踪信息”→“跟踪代码”→“Universal Analytics”,命名为“GA默认跟踪代码...”,跟踪类型选择“页面浏览”,勾选“在此代码中启用替代设置”,然后将跟踪 ID填入标记框中,如图1-18所示。
如果您有机会阅读我们之前在 Google Analytics 4 (GA4) 上发布的指南,您可能知道它不像 Universal Analytics 那样是一款即插即用的分析工具。...在本文中,我们将探讨容易发生的五个常见 Google Analytics 4 错误,并提供避免这些错误的实用技巧。 1....由于受众群体日期不具有追溯力,因此在设置之初就定义目标受众群体以收集历史数据非常重要。 5....启用 Google 信号后,GA 会使用用户 ID 跨设备跟踪用户,然后在用户在不同设备上登录其 Google 服务帐户时对其进行匹配,并且用户身份可能会暴露。...结论 总之,在设置 Google Analytics 4 时避免常见的配置错误以确保准确可靠的数据收集至关重要。
本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化的Tag Management,从而实现更优化的监测代码配置。 这是这个系列的最后一篇。...触发器 首先在GTM中创建一个触发器,条件是1分钟后触发一次。在这里设置为60000毫秒。你还可以设置计时器触发的页面范围。在本案例中,计时器会在url以“/blog”开头的页面中。...标签 下一步就是创建代码向Google Analytics发送事件。 重点注意:设置非互动匹配的值为“True”,然后发送的计时器事件就会导致会话被记录为一次非跳出会话。 ?...使用Google Tag Manager的预览功能来对设置的监测代码进行检测,一分钟后你就可以看到这条代码发送的事件。 目标 你可以按照如下步骤在Google Analytics中创建事件: ?...当你设置好计时器标签,每当当前访客在你设置的页面范围中停留一分钟,它就会发送一个事件。那么这时要如何真正解决跳出率问题呢?
请注意,仅仅过滤掉PII(通过Google Analytics过滤器)是不够的;您必须在代码层级解决此问题,以防止将数据发送到Google Analytics。...如果您使用Google Tag Manager,通过点击更多设置调整您的标签或Google Analytics设置变量->字段设置,然后添加一个名为' anonymizeIp '的新字段并且设置为' true...如果您不使用Google Tag Manager(GTM),您的标记管理系统可能会将此设置作为选项公开,或者您可能需要直接编辑代码。...从我们的角度来看,您可能需要从CRM中删除用户ID来满足这个需求,这将防止Google Analytics中的记录与已知的个人信息相关联。...您可能还希望根据Google Analytics客户端ID(以及用户ID,如果适用)将其记录在您自己的数据库中。
2020 年下旬,Google Analytics 发布了 v4,数据收集接口迁移为向 analytics.google.com 发送 POST 请求,导致中国大陆不可用。...作为我的第一个完全由自己构思的前端项目,同时作为一个我自己每天都需要用到的项目;从制定计划到完成 0.1 版本,我是如何完成 Aofuji Analytics 的开发的?...使用类似 Google 的 Analytics Measurement Protocol 的 key 名向后端传送数据,请求将使用 Beacon API。...website=]:实时监控 /settings:设置页 (动态组件) About:关于 Account:用户设置 WebsiteSettings:网站设置 WebsiteEdit:网站编辑 (隐藏)...website=]:实时页数据展示 /admin:设置页 /admin/website:站点设置 /admin/account:用户设置 账户管理 在请求 /login 登录时,首先请求 /init 获取初始化状态
那么A.com和B.com如何打通ID呢,我们来看两个行业头部产品是怎么实现跨域的: Google Analytics的跨域 Google Analytics的跨域是将Client ID从一个网域传递到另一个网域...B网站的着陆页会有一串Client ID,如https://www.b.com?...以Google Analytics为例,Google Analytics是通过User ID(uid)实现跨设备跟踪,用户需要登录,我们才能将数据关联起来。 ?...在2018年,Google Analytics发布Google Signal功能,用户不需要登录也能实现跨设备跟踪,Google Signal利用用户登录谷歌浏览器的账户数据和用户开启个性化广告许可设置数据实现跨设备跟踪...,其实就是谷歌账号体系,用户登陆自己的谷歌账户就可以关联到整个庞大的谷歌网络服务体系,每个用户的谷歌帐户设置中的个性化广告都是默认开启的,所以默认就可以跟踪了。
swiftype_key: TChYnQxfabLwWxErgM-L # Baidu Analytics ID #baidu_analytics: # Duoshuo ShortName # 多说评论.../webmasters/ #google_site_verification: # Google Analytics #google_analytics: # Make duoshuo show UA...: # app_key: # # Tencent analytics ID # tencent_analytics: #!...编辑站点配置文件,新增字段 swiftype_key,值设置成上述步骤复制出来的key。...参考资料 Hexo中文文档 Next文档 Hexo 3.1.1 静态博客搭建指南推荐 如何使用10个小时搭建出个人域名而又Geek的独立博客?
GTM-MQ8Z6H,表示目前测试的容器,可以是GTM容器,也可以是测量ID Summary:表示监测到行为。 output of GTM-:表示触发的具体Tag、数据传递或错误。...你测试的是GTM还是Google Analytics V4取决于你在右上角对容器或测量ID的选择: ?...如果你选择的是GTM开头的,那就是GTM容器,进行的是GTM调试 如果你选择的是G开头的,那就是测量ID,进行的是Google Analytics V4的调试 GTM的调试 选择GTM容器ID后,Tag...带“ x”的灰色图标表示在页面上未找到代码 如果找到有效的标签,绿色指示灯将显示。...详细的可以参考:GTM 中做debug预览调试 Google Analytics V4的调试 如果你的网站部署有Google Analytics V4的代码,可以在左上角的容器ID/测量ID那选择,Tag
Google Analytics 4 中也可以实现跨站跟踪,而且设置过程更加简单,不需要设置allowLinker,直接在数据流里就可以设置。...Google Analytics 4 上设置跨站跟踪 假设现在要对www.icdata.com和www.test.com做跨站跟踪。...GTM上设置 现在已经在这两个网站上分别布署了GTM-A和GTM-B,且在这两个GTM上都用相同的衡量ID(G-HZ4RDGTX66)设置跟踪代码,将数据发送到同一个媒体资源,设置如下: Google...Analytics 4 上配置网域 现在来做跨站跟踪,在Google Analytics 4 中点击“管理”——“数据流”,选择你要设置的数据流,然后点击“更多标记设置”——“配置您的网域”,将要跨站的两个域名添加上去即可...: 然后保存 跨站跟踪测试 GA4上的跨站跟踪设置完成后,在www.ichdata.com上点击跳转到www.test.com,你可以在www.test.com的着陆页上看到如下: 看到网址参数包含有
我们今天要向大家简单介绍下,如何使用Google Analytics增强版电子商务插件。...老办法:Google Analytics(分析)通常在用户购买后收集到达终点着陆页目标的数据(例如 “感谢购买”页)。 您可以跟踪商品的展示次数、转化率以及这些销售的价值。...在您想要跟踪的网站每个页面上安装合适的ec.js跟踪代码。 完成所有操作后,请在管理>查看>电子商务设置下启用Google Analytics(分析)上的增强型电子商务设置。...在“Google Analytics(分析)GA报告”页上的“转化>电子商务”下,您会发现两个非常有价值的报告,可协助您快速入门和提升业务。...设置代码 为了收集必要的数据,您需要将以下命令部署到以下页面: 衡量产品的展现量:使用“ec:addImpression”命令以及产品ID或名称,所有其他字段是可选的。
按“ 获取跟踪ID”,然后阅读并接受Google Analytics服务条款。 请务必记下跟踪ID和跟踪代码,您将在本指南中再次使用它们。...您现在已经设置了Google Analytics,可以决定如何继续将代码添加到您的WordPress网站:通过您的主题或通过插件。...目前,您可能需要考虑启用Google Analytics 的受众特征功能。如果您决定这样做,则需要在以下步骤中为JavaScript添加额外的代码行。...复制生成的代码并将其插入相应的文本字段中。从这里,您可以选择适当的域并根据需要更改其他设置。 如果您尚未在网站中插入跟踪代码,请确保将跟踪代码链接下的跟踪选项设置为已启用。否则,可以禁用此功能。...复制生成的代码并将其粘贴到框中。在此处,选择您正在使用Google Analytics的域,并根据需要更改其他设置。请注意,如果未正确输入您的域信息,则此插件不起作用。
例如多个页面都使用一套 CSS 样式,都采用了 React 框架,这些公共的部分需要抽离到单独的文件中; 随着业务的发展后面可能会不断的加入新的单页应用,但是每次新加入单页应用不能去改动构建相关的代码。...--注入 google_analytics 中的 JS 代码--> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=...,下面来教你具体如何使用。...├── template.html └── webpack.config.js 从目录结构中可以看成出下几点要求: 所有单页应用的代码都需要放到一个目录下,例如都放在 pages 目录下; 一个单页应用一个单独的文件夹...--注入 google_analytics 中的 JS 代码--> <!
1.Web——页面标签技术 GA通过在网页中嵌入一段GA的JS跟踪代码,然后这段代码会收集相关信息通过虚拟1像素的gif图片的形式来发送相关的信息给Google的服务器,以完成数据采集。...图1-6 GA数据传输原理 如图1-6所示,跟踪代码部分进行了以下4项操作。 1)创建了一个 元素,并开始从GA官方网站异步下载JavaScript 库analytics.js。...从上面的跟踪代码可以知道,GA跟踪代码是异步加载的,所以对网页的加载时间的影响是最很小的,可以忽略。 当在网站中添加了跟踪代码段之后,就会针对用户访问的每个页面发送网页浏览数据。...2.APP——SDK APP的跟踪是通过嵌入SDK的方式,需要在GA中生成一个包含Tracking ID的SDK配置文件,然后将这个SDK嵌入APP中,在触发的时候向GA服务器发送数据,在这里可以理解...这是因为并未在跟踪器上设置通过 send 命令传送的字段,这些字段仅适用于当前的匹配。
最近谷歌分析有一个重大的升级,推出了Google Analytics for Firebase,成为GA4F或GAv2,不仅在功能上有很大的进步,这个是跨平台的跟踪方案,可以汇总APP和WEB的数据,一以个跨平台...2、Google Analytics里面设置 在Firebase创建完项目后,你可以在Google Analytics的媒体资源看一个不一样的媒体资源: ?...跟原有的GA报告有很大的不同,具体的报告如何看和新增什么功能,后续再介绍,我们先看如何配置,点击管理Admin这里,这是媒体资源的设置的位置: ?...3、GTM配置Google Analytics For Firebase 点击创建新代码,可以看到如下: ?...这一选择Google Analytics:APP+Web Configuraion 后可以看到如下的设置界面: ? 测量Id就是前面在数据流创建的时候生成的那个id,直接填进去即可。
领取专属 10元无门槛券
手把手带您无忧上云