建议你从第1部分开始看这个系列文章，按照文章内容，创建属于你的Google Tag Manager容器。 首先，需要高清楚“为什么要为mailtos和外部链接创建标签？”...因为这些点击不会被默认存储在Google Analytics，更重要是因为它们也许是你评估用户与网站互动的指标。 MAILTO 链接 如下图所示，创建一个触发器（trigger）。...如果点击任意页面上的任意链接，只要“mailto”存在链接，都会被触发（trigger）。 ? 我们创建的标签将mailto链接点击作为事件存储在GA。...创建外部链接作为虚拟页面视图，然后将其设置为目标 - 将销售过程中的其余部分添加为漏斗的步骤。...在你发布容器之前，进入GTM预览模式，并确认当你点击mailto链接和外部链接标签时，会被触发。你也可以在 GA测试视图确认你所看到的来自实时事件视图的事件。
本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。 这是这个系列的第五篇文章。...建议你从第1部分开始看这个系列文章，按照文章内容，创建属于你的Google Tag Manager容器。...触发器 我们只为我们的博客和新闻页面启用触发器，当表单ID为frmComment时，触发器就会被触发。要获取表单ID，请检查表单的元素，如图所示。（在Chrome中，右键单击表单，选择检查元素） ?...追踪代码——虚拟页面 我们使用网页路径字段名设置为“page”，我们在“评论”字词中添加了一个独立的页面 - 此网页会显示在“所有网页”报告中，例如/blog/2015/july/20/google-tag-manager...请注意，要在不影响实时Google Analytics（分析）数据的情况下进行测试，您应该从您的实时Google Analytics（分析）帐户中过滤自己的IP地址，并保留一个单独的未过滤的GA视图。
本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。 这是这个系列的第二篇文章，介绍GTM触发器和代码的创建。...（第3部分，第4部分和第5部将连载发布） 在第1部分中，我们创建了一个Google跟踪代码管理器（GTM）帐户和容器代码，并创建了一个代码，用于将所有网页浏览的Page View发送到Google Analytics...这将使这些变量可供你在触发器和标记中进行选择。 ? 创建触发器 STEP 1 第一步 给你的触发器起一个描述性的标题（当你有很多触发器时，这是非常重要的），并选择事件为“ 点击”。...我建议你在GA中设置一个测试视图，不要使用任何过滤器，以便检查所有代码是否已启动，以及是否存储正确的信息。 进入预览模式 ? 在“发布”按钮（GTM管理屏幕的右侧）下，可以在发布之前预览和调试。...在GA测试视图中你应该会看到这些文档的Page View 被记录。 接下来做什么呢？ 在第3部分，我们将创建一些更多的代码。
本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。 这是这个系列的第一篇文章。...去年，我在GTM发布后不久写了一篇博客文章。Google发布GTM新版本通常表明，GTM的功能和界面已经焕然一新，而且用户配置和理解GTM功能变得更加轻松起来。 首先，什么是Google代码管理工具？...1.创建账户和代码容器 假设你有一个配置了Google Analytics通用跟踪代码的网站。开始使用Google跟踪代码管理器之前，你需要更改一段代码，这段代码会配置在每个网页上。...进入变量创建一个新的用户定义变量。变量类型是一个常量，变量值是你的Google Analytics跟踪代码。...因此，现在我们已经完成最初设定的目标了——在GA中监测网站所有页面的浏览量。在第2部分中，我们会创建一些能够增强GA报告的代码（tag在GTM中文版本翻译成“代码”）。
不过，这篇是Google Tag Manager 101系列文章的最后一篇（当然，我会保留在之后将这个系列继续扩展的权利~），本文会介绍如何使用GTM中的计时器，同时如何使用该功能来计算页面真正的跳出率...该网站单个页面的内容信息量都较大，而且不同页面之间的内容相互独立。访客通过点击链接可以到达他们想要的页面，但是几乎在所有的页面上都少有访客有更加深度访问的行为。 3....在这里要提醒的是，在Google Analytics中，跳出页面的浏览时间记录为“0”。这是因为GA的计时机制是按照用户访问的第二个页面的时间戳来计算页面的浏览时间，所以跳出页面的计时为“0”。...通过在Google Tag Manager设置相应的触发器可以监测用户浏览当前页面向下滚动的情况，但是用户通常只对页面内容的某一部分感兴趣，并不一定会浏览到页面的底部。...使用Google Tag Manager的预览功能来对设置的监测代码进行检测，一分钟后你就可以看到这条代码发送的事件。 目标 你可以按照如下步骤在Google Analytics中创建事件： ?
你需要做的第二步是通过Google Analytics在网站网页中安装Google Tag Manager container（谷歌标签管理容器）。...因此，请选择谷歌分析作为你的产品， 选择你的标签类型， 以下图示可用来参考如何配置你的追踪标签： ? 追踪ID：Google Analytics 追踪类型：Event....滚动追踪测试 通过Google Tag Manager进行调试和检查更加简单便捷，请右键单击预览并调试。 ? 这是在发布之前验证你的滚动追踪配置。 在新标签页中打开你的网站。...你可以访问有关你实施的内容和其它更多的非常有价值的信息。完成调试后，请不要忘记创建一个版本，然后在Google Tag Manager上启动“滚动追踪”功能。...你对滚动追踪功能的部署和使用有什么看法？ 你的体验如何？ 在本文留言或者公众号私信分享你的看法，评论，反馈。 如果你觉得这篇文章有用，请不吝分享！
PK Tableau和 Google Data Studio 导读：二者的区别在哪里呢?这里，我们列举了27个特征来对比二者的功能差异。...Google Analytics, Google Sheets和YouTube Analytics。...有时，这个特性是有帮助的；但更多的是，它实际上限制了你在什么样的图表中可以使用什么样的维度和指标。在Data Studio中，非常规并不总是一种选择。 合 作 1....Tableau有大量的文档和教程。Data Studio提供了一些文档，并且在他们支持的网站上提供了6个教程。 2.论坛和社区 自从Tableau的最初的版本发布以来，用户社区发展迅猛。...Tableau的论坛非常活跃，并且在那里有可能很快就能找到自己的答案。 Google Data Studio有一个Google+社区页面；然而，作为一款新产品，它并没有太多的关注者。
如果您使用Google Tag Manager，通过点击更多设置调整您的标签或Google Analytics设置变量->字段设置，然后添加一个名为' anonymizeIp '的新字段并且设置为' true...如果您不使用Google Tag Manager(GTM)，您的标记管理系统可能会将此设置作为选项公开，或者您可能需要直接编辑代码。...我们所见过最常见的方法是在页面上设置一个叠加模块，请求用户许可，一旦被授予许可，则页面重新加载或重新加载Google Analytics脚本（或者其他的营销技术脚本）继续执行。...但我们已阅读了其他资料，表明如果您未在Google Analytics中收集用户ID或任何其他匿名数据，则无需提供同意。 作为GDPR的一部分，有一些要求证明已经给予了同意（审计跟踪）。...作为肯定同意的明确行为的一部分，我们建议您在Google Analytics中将此作为事件跟踪/日志记录。
增强型衡量功能 增强型衡量里有一些事件，是需要勾选就可以开启这个事件的跟踪： 页面浏览量：页面流量，这个是跟踪的基础，必选 滚动次数：下拉，用事件监测页面的浏览深度的，可选 出站点击次数：出站链接点击，...这个设置非常重要，一定要选择最长时间的。 有新活动时重置用户数据：在新活动上重置用户，默认已经勾选。这个设置的作用，当用户有新事件产的时候，就会重置保留期限，也就是延后。...启用Google Signal 如果你没有开启Google Signal，那么受众特征和兴趣报告会是没有数据的，详细请看Google Analytics 4 中的受众特征和兴趣没数据？...url里的PII信息抹除，如邮箱，名字，设置的位置在数据流详情里： 用户意见征求设置 各国都要用户隐私保护要求，基本都是必要设置，延伸阅读：通过Google Tag Manager的Consent...延伸阅读：Google Analytics 4 关联BigQuery入门指引 在报告中使用的ID 在报告中默认使用的ID、默认报告身份，其实就是怎么去识别用户的，设置的位置在媒体资源层级下下面：
这个功能很有作用，例如，我想比较不同流量来源的用户在页面上的互动情况，立即就可以在同一个报告页面上展示出来。在下图中，默认状态下，报告页面显示的是点击热图和注意力热图。 ?...工具四：Ensighten 这些工具统一属于一个大的范畴，即tag manager工具。这一类工具要解决的问题很明确，即降低各种加之在页面上的追踪代码和互联网营销工具代码的管理复杂度。...所以，这绝对不是可以轻视的事情。 Ensighten、TrackingFirst以及Google Tag Manager是解决这类问题的工具。...完整的解决方案让这个供应商显得更有竞争力。 Google的Tag Manager怎么样呢？没问题，免费而且稳定。...有一些，例如Sweetspot，还可以做一些数据的挖掘，将挖掘的结果也呈现在dashbaords中。
一个比较好的方法就是设置 GTM，这样能够让你所有的标签在一个地方设置而不需要在 Discourse 中安装插件等。 GTM 是 Google Tag Manager 的简称。...这个变量是在你 Google 的 Google Tag Manager 设置的。...没有办法执行需要的 Java Script 如果你想严格区分，请将下面的网站添加到信任的网站中： 针对 Google Tag Manager https://tagmanager.google.com...检查 为了确定配置的正确，在完成上面的配置后，从新访问你的 Discourse 网站，然后刷新页面，同时 F12 查看源代码。 如果你没有看到提示的 JS 错误话，则表明配置已经成功了。...虽然在上面的图片中看到了错误，这个错误有可能是因为 Google 广告载入的时候的错误，这个不属于 JS 错误。 随着不同的类型广告载入，这个错误就不会存在了。
3.了解事件追踪的巨大价值 我之所以非常喜欢事件追踪（https://support.google.com/analytics/answer/1033068?...在事件追踪报告的顶部有三个选项：事件、网站使用情况和电子商务。 尝试使用电子商务选项卡。 ? 尽管我们没有看到任何事件价值，但是你可以将触发事件的访问次数与网站的结果结合起来。...从文件夹层级的角度来看，这些数据的确为我们提供了一些有洞察力的报告，而且可能甚至看起来完全没有什么道理。思考一下，一个文件夹的跳出率有什么作用呢？ 现在是时候学习简单的自定义报告了。...福利：大多数人会停在默认视图报告的位置，GA团队在整个标准报告中增加了一些出色的构思。例如，趁我们正在探讨，尝试一下内容分组的主要维度。接下来看一下内容分组的品牌报告。 ?...在这个案例中，使用了宝贵的内容分组（https://support.google.com/analytics/answer/2853423?hl=en）功能。
本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。 这是这个系列的第四篇文章。...而部分社交访问可能也会被记录在在引荐渠道里面，是因为有一些较小的社交平台不被Google识别，就会被归类为引荐来源渠道。 在“流量获取>社交”上可查看所有的社交来源流量的报告。...在“概览”一栏，则展示了每个社交网络在流量转化上有多成功以及其他一些渠道的报告。 在“社交”部分中还有一个名为“插件”的报告，这张报告中的内容可以通过GTM来部署实施。...从你的网站点击跳转至社交网站 如果您已经将外部链接发送到Google Analytics（请参阅第3部分），那么你的社交链接点击次数就将被记录为“事件”。...我们将设置的是当有人点击其中一个社交分享按钮时就会发送社交类型的“事件”。 ? 幸运的是，这些按钮都是用类似的方式提供，所以我们只需要一个触发器和一个标签来实现它。
前言 不知道小伙伴们是否注意到，用AS创建一个默认的新项目后，MainActivity已经有了很大的不同，最大的区别就是新增加了两个Fragment，同时我们注意到这两个Fragment之间跳转的时候并没有使用之前...在导航试图中，我们可以通过添加activity/fragment等标签手动添加页面，也支持在Design页面中通过界面添加，如下： 注意：这样添加后手动修改一下label。...的动作，这个是我们之前在导航视图中配置好的，会导航到SecondFragment。...注意在onViewCreated中不仅为Fragment的View添加了tag，同时还为其父View也添加了，这样做的目的是在Activity中也可以获取到NavController，这点下面就会遇到。...除此之外，Google还提供了Safe Args Gradle插件，该插件可以生成简单的对象和构建器类，这些类支持在目的地之间进行类型安全的导航和参数传递。
为了描述方便，在以下说明中，将前者称为站点配置文件， 后者称为主题配置文件。下面我们先来看看站点配置文件的配置修改。...20篇文章标题 yearly: true ##生成年视图 monthly: true ##生成月视图 tag_generator: per_page: 10 ##标签分类页面默认.../#Google-Analytics google-analytics: # Google Analytics tracking id tracking_id...为了描述方便，在以下说明中，将前者称为站点配置文件， 后者称为主题配置文件。下面我们先来看看站点配置文件的配置修改。...20篇文章标题 yearly: true ##生成年视图 monthly: true ##生成月视图 tag_generator: per_page: 10 ##标签分类页面默认
这也是在开发第三方脚本时很重要的一个要求： 不影响页面原有功能 投放代码的形式有很多种，上面提到的最常见一些。GA其实还提供了另一种投放代码，如下： <!...普通用户可以感知到页面还没有加载完成。这会让用户很困惑：“页面都已经展现，可为什么浏览器还在展现，到底在做什么请求呢？” 甚至会影响到网站本身的业务。...当然这还有一个附带的好处，第三方的Javascript代码在独立的iframe中运行，不会与主页面中的JS相互干扰。毕竟即使现在还是有不少小众网站会选择扩展Native对象的方法。...作者本人就遇到过有网站开发者修改Array.prototype.push方法的情况。 当然这有方法还是有缺陷的：投放代码本身太过复杂，网页开发者在实际使用时容易有问题。... 因为使用了不同域名下的iframe，所以是在隔离环境内运行第三方代码。这样第三方代码就不会和开发者站点的代码冲突。
速度测试工具以瀑布视图显示您网站的所有请求。您可以按加载顺序、文件大小和加载时间进行筛选，为您提供不同的视角来识别潜在的改进要点—它还列出了总请求、加载时间和页面大小等信息。...Google Analytics Site Speed Google Analytics也提供网站速度测试服务。你可以通过GA仪表盘的“行为”菜单找到它。它通过网页中包含的代码片段捕获信息。...站点速度报告三个方面的延迟来衡量： 网站页面视图示例的页面加载时间。 要跟踪的任何离散命中、事件或用户交互的执行速度或加载时间。 浏览器解析文档并使其可用于用户交互的速度有多快。 ?...WebPageTest WebpageTest允许您执行高级测试，包括多步骤事件、捕获视频、内容阻止、比较第一视图与重复视图、更改连接速度等。...Site Relic 单个位置报告允许您快速查看完全加载的时间、页面大小、第一个字节、请求总数、请求计数（按类型）和请求计数（按响应代码）。该工具中的瀑布式报告设计得非常友好，数据一目了然。 ?
2020 年下旬，Google Analytics 发布了 v4，数据收集接口迁移为向 analytics.google.com 发送 POST 请求，导致中国大陆不可用。...使用类似 Google 的 Analytics Measurement Protocol 的 key 名向后端传送数据，请求将使用 Beacon API。...IP 判断，基于 node-maxmind 与免费 GeoIP2 数据库 leave：页面离开 pvt：页面停留时间 event：页面事件，在 window 上注册全局方法顾调用 en：自定义事件名 et...：事件类型 (传入事件对象或事件名) 为了避免在 tracker 中使用 cookie，view 类型的特殊处理：所有 view 类型请求将使用带回调的 XHR 发送，当服务器返回 201 (即 sid...未发送或不存在) 时设置 localStorage 存储新的 sid，当服务器返回 204 时无回调；同时，当发送除 view 类型以外的请求却未发送有效的 sid 时，请求将被 400 拒绝。
第二种是组件之间的自定义类和自定义方法的调用(组件向外提供服务)。 跨组件通信方案分析：第一种组件之间的页面跳转实现简单，跳转时想传递不同类型的数据提供有相应的 API即可。...此外，可以使用 AndroidEventBus 其独有的 Tag, 可以在开发时更容易定位发送事件和接受事件的代码, 如果以组件名来作为 Tag 的前缀进行分组, 也可以更好的统一管理和查看每个组件的事件...埋点则是在应用中特定的流程收集一些信息，用来跟踪应用使用的状况： 代码埋点：在某个事件发生时调用SDK里面相应的接口发送埋点数据，百度统计、友盟、TalkingData、Sensors Analytics...而Hook的意思，就是在事件传送到终点前截获并监控事件的传输，像个钩子钩上事件一样，并且能够在钩上事件时，处理一些自己特定的事件，例如逆向破解App） ?...16、使用过什么图片加载库？ Glide的源码设计哪里很微妙？
插件功能除了browser_action配置的popup页面外，还支持什么功能呢？用过鼠标手势类插件的肯定知道，插件可以访问和修改页面dom，因为这类插件本质就是在dom上绘制鼠标路径。...那么在哪里配置控制页面dom的代码呢？在content_scripts中： { "name": "My extension", ......"content_scripts": [ // 这里配置的脚本和样式将直接按顺序注入到影响的页面中 { "matches": ["http://www.google.com/*"],...目前我们已经掌握了插件两个功能点的配置了。如果用过evernote剪裁插件的人应该知道，插件可以改变chrome在页面上的右键菜单： ? 这里在哪里实现的呢？...3.2 数据存储和数据流 本插件的功能类似于书签，需要保存目标页面的一些信息（标题, url, 进度）。那么有没有一种好的方法，可以保存这些数据，并且在同一个google账号上共享呢？
领取专属 10元无门槛券
手把手带您无忧上云
