1. 首页
  2. css

利用自定义维度扩展Google在CSS技巧上的分析

当Chris在《谢谢你》(2018版)中写这篇文章时,我萌生了这篇文章的想法:
我几乎希望我们的URL中有几年的时间,因为我仍然没有办法限定分析数据的范围,只显示今年发布的内容中的数据。我可以看到当年最流行的东西,但这与它是什么时候出版的无关,而且这些都是我们多年来一直保持更新的大指南所主导的。
我长期阅读CSS技巧,但还没有什么可以贡献的东西。直到现在。作为一名谷歌分析专家,我终于可以对CSS技巧有所贡献了。让我们在CSS技巧上扩展Google分析!输入Google Analytics自定义维度,只需在每个页面中添加基本的Google Analytics片段即可。
但是Google Analytics是一个一刀切的工具。
为了使它对CSS技巧等特定的网站真正有意义,我们可以在Google Analytics数据中添加额外的元信息。
发布文章的年份就是一个例子这样的元数据,谷歌分析没有现成的,但它是很容易添加,使数据更有用。这就是自定义维度的由来。在Google Analytics中创建自定义维度
首先要做的是创建一个新的自定义维度。在Google Analytics UI中,单击gear图标,单击自定义定义,然后单击自定义维度。Google Analytics管理界面
这显示了任何现有自定义维度的列表。单击红色按钮以创建新的自定义维度。自定义维度概述
让我们为自定义维度指定一个描述性名称。在这种情况下,\”年\”似乎非常合适,因为这是我们要度量的内容。
范围很重要,因为它定义了元数据应如何应用于现有数据。在本例中,文章年份与用户正在查看的每一篇文章相关,因此我们需要将其设置为\”hit\”范围。
另一个示例是关于整个会话的元数据,如果用户已登录,则该元数据将保存在会话范围的自定义维度中。
好的,让我们保存我们的维度。
创建自定义维度时,Google Analytics提供了如何使用JavaScript实现它的示例。我们最多允许20个自定义维度,每个自定义维度由一个索引标识。在本例中,\”year\”是第一个自定义维度,因此它是在索引1中创建的(请参见下面JavaScript代码中的dimension1)。在索引1中创建的自定义维度如果我们定义了其他自定义维度,那么这些维度将位于另一个索引中。无法更改自定义维度的索引,因此请注意正在使用的索引。所有索引的列表总是可以在概述中找到:
就是这样,现在该编码了!
现在我们必须在代码中提取文章年份并将其添加到有效负载中,以便在页面视图命中时将其发送到Google Analytics。
根据创建自定义维度时提供的代码片段,这是我们需要执行的代码:
var>
Here is the tricky part. The ga()函数是在加载Google Analytics代码片段时创建的。为了尽量减少对性能的影响,它被放置在页面底部的CSS技巧上。这就是基本的Google分析代码片段的样子:
(function(i,s,o,g,r,a,m){i[\”GoogleAnalyticsObject\”]=r;i[r]=i[r]||function(){(i[r].q= Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=>
We need to set the custom dimension value after the snippet is parsed and before the page view hit is sent to Google Analytics. Hence, we need to set it here:
// …ga(\”create\”, \”UA-12345-1\”, \”auto\”);ga(\”set\”, \”dimension1\”, dimensionValue); // Set the custom dimension valuega(\”send\”, \”pageview\”);
这段代码通常放在WordPress循环之外,但这是我们可以访问元信息的地方,比如文章年份。因此,我们需要将文章年份存储在循环中的一个JavaScript变量中,然后在到达页面底部时在Google分析代码段中引用该变量。将文章年份保存在WordPress中的循环中,一个标准循环从这里开始:

…到这里结束:

在这些行之间的某个地方,我们提取年份并将它保存在JavaScript变量中:
var>Reference the article year in the Google Analytics snippet
The Google Analytics snippets is placed on all pages of the website, but the year does not make sense for all pages (e.g. the homepage). Being the good JavaScript developers that we are, we will check if the variable has been defined in order to avoid any errors.
ga(\”create\”, \”UA-68528-29\”, \”auto\”);if (typeof articleYear !== \”undefined\”) {ga(\”set\”, \”dimension1\”, articleYear);}ga(\”send\”, \”pageview\”);
就是它!Google Analytics页面视图点击现在将包括所有定义页面的文章年份。自定义维度不适用于历史数据
关于自定义维度或对Google Analytics数据的任何其他修改,需要知道的一点是它们只适用于从数据库收集的新数据网站。本文中描述的自定义维度是在2019年1月实现的,这意味着如果我们查看2018年的数据,它将不会有任何da

利用自定义维度扩展Google在CSS技巧上的分析 为WP2原创文章,链接:https://www.wp2.cn/css/%e5%88%a9%e7%94%a8%e8%87%aa%e5%ae%9a%e4%b9%89%e7%bb%b4%e5%ba%a6%e6%89%a9%e5%b1%95google%e5%9c%a8css%e6%8a%80%e5%b7%a7%e4%b8%8a%e7%9a%84%e5%88%86%e6%9e%90/