Matomo标签管理器系列之七:数据层(Data Layer)

数据层是为高级开发人员和分析人员设计的,目的是为了更充分地利用标签管理系统。 为了简单起见,数据层主要用于访问不被展示到页面上的数据。最好的例子是电子商务分析特性。当客户需要核对订单的时候,订单确认页上会显示购买金额和数量。接下来它们可能不再被列举在页面上了。这样,你需要找到一种方式让标签管理器知道。这是我们就可以用到数据层(Data Layer)。 欢迎加入Matomo中文网官方QQ群255820112(点击滚动至本页末可扫描二维码),随时提问,有问必答。 数据层可以使得收集数据的方式统一化。当使用标签管理器的时候,你通常会基于网站的源代码定义变量,比如基于DOM元素(如ID,class等)。但是当改变了源码的时候,问题来了,追踪失效。 数据层可以有效解决此问题,它保证了在页面呈现之初数据就被正确收集。 使用数据层意味着你需要在网站内容中插入额外的源码。它不能通过标签管理器来添加。 为了引入数据层,你需要在容器标签前添加如下代码。 <script> var _mtm = _mtm || []; </script> 上述数据层为空,你需要插入额外的代码以将变量保存到数据层,如下面的写死代码。 <script> var  _mtm =  _mtm || []; _mtm.push({‘weather’: ‘sunny’}); </script> 一旦定义好了,你就可以直接在debug模式看到数据层新增的变量weather了。 在上述截屏中,我们想将用户所在地的天气保存到数据层。由于你需要的数据是动态的,你需要开发人员帮你添加动态获取天气的代码。 <script> var  _mtm =  _mtm || []; _mtm.push({‘weather’: ‘MY CODE HERE TO GET THE DATA FROM A WEATHER API’}); </script> 完成之后,你可以在标签管理器中很简单地创建一个变量,这个变量可以被任何标签使用。 然后你就可以对weather进行报表分析了,如下图 如果你想从谷歌标签管理器迁移到Matomo标签管理器,我们的标签管理系统支持谷歌标签管理器中定义的数据层。这样如果你的数据层如下: <script> dataLayer = … Continue reading “Matomo标签管理器系列之七:数据层(Data Layer)”

Matomo标签管理器系列之六:触发器(Triggers)

触发器用于定义标签在什么事件发生时被触发或者屏蔽。比如当某个元素被点击时,或访客滚动到特定位置时。除此之外,你还可以制定过滤器进一步限制某个触发器应该被执行或不被执行。 正如下面的截屏一样,Matomo内置了大量的触发器。当然,它们可以被单独配置。 让我们来看一个例子。想象一下,你想让访客在你的博客中发表评论,你想评估下到底会收到多少评论。 没有标签管理器的情况下,你需要将追踪代码加入到网站的源码中。有了标签管理系统,你只需要指明当表单被发送时即可触发标签。 你甚至可以只指定特定表单的提交,而非所有。 正如你所看到的,触发器是一种简单部署追踪代码的强有力的方式。 继续阅读 Matomo标签管理器系列之一:标签管理系统概述 Matomo标签管理器系列之二:容器(Container) Matomo标签管理器系列之三:标签(Tag) Matomo标签管理器系列之四:版本(Versions) Matomo标签管理器系列之五:变量(Variables) Matomo标签管理器系列之六:触发器(Triggers) Matomo标签管理器系列之七:数据层(Data Layer)

Matomo标签管理器系列之五:变量(Variables)

当你配置标签或者触发器的时候,你可能已经留意到文本框右边有个小图标。 相对于在表单文本框中输入固定值,右边的小图标让你可以选择所谓的“变量”。变量允许你使用动态值,最终这个值会在变量被访问时实时解析。比如说,这个值取决于当前网址、Referer、屏幕大小或者更多。再具体一点,相对于将事件名称写死为“//mypageurl”,你可以将事件名称用当前网址取代。也就是说用户访问的网址不同,对应的事件名称也会有所不同。 欢迎加入Matomo中文网官方QQ群255820112(点击滚动至本页末可扫描二维码),随时提问,有问必答。 操作上,你只需要点击右边的小图标,然后找到“Page URL Page”并选择它。 两边的括号表示此值代表一个变量(ID是PagePath)。 你还可以更进一步地将多个变量连接到一起或加些自定义的文字,如下 内置预定义变量 Matomo标签管理器内置了一系列预定义的变量,你无须配置,可直接使用。当你需要用的时候,直接选择就可以。 举个例子,假设你想知道某些页面是否包含了多个H1标签,这样你就可以在Matomo配置中使用如下图中的变量: 这样当页面加载的时候,结果如下图: 正如你从上面的例子看到的那样,变量承担了自动填充数值的作用。 预定义的变量非常强大,你还可以自定义新的变量。 用户自定义变量 除此之外,Matomo还自带了大量的变量类型以满足你的需要。你可能需要从HTML DOM元素中获取值(如表单的内容),或者从Meta标签获取值(如当前在用的语种),特定的cookie值,或者从数据层获取值。 在使用这些变量类型之前,你首先需要创建变量,配置变量,随后才可以通过名字引用和使用它。加入你已经创建了名为“my own variable name that I created”的变量,然后你就可以像下图一样引用它。 不用担心,你不必记住变量的名字。你只需要简单地点击右边的小图标进行选择即可。为了创建变量,请点击”Variables => Create Variable”。或者直接点击文本域右边的小图标,然后选择“Create a new variable”。 现在你将看到变量类型的总页,其中解释了如何去选择一个变量类型。 在本例中,你可能需要收集”publishing date”,这个变量被定义在页面的DOM元素中。 为了获取此值,我们需要指明是哪个DOM元素包含的数据。在此例中,DOM元素包含了一个class样式“entry date published”。 一旦创建好了之后,你只需要将它关联到标签,比如说一个自定义的维度(后续需要汇总数据到报表中)。 高级变量设置:默认值与查询表 高级设置能够让你在标签管理系统中更深入一步。如下截屏所示有可查询表,你可以创建随条件变化而改变的变量。 你可以通过Matomo标签调用此变量获取对应的值。 这样,只需要一个容器就可以将数据发送到所有网站,这样你就可以省去大量的时间了。 继续阅读 Matomo标签管理器系列之一:标签管理系统概述 Matomo标签管理器系列之二:容器(Container) Matomo标签管理器系列之三:标签(Tag) Matomo标签管理器系列之四:版本(Versions) Matomo标签管理器系列之五:变量(Variables) Matomo标签管理器系列之六:触发器(Triggers) Matomo标签管理器系列之七:数据层(Data Layer)

Matomo标签管理器系列之四:版本(Versions)

版本可以将容器的当前配置保存为一个副本。这样在需要的时候,你就可以回退到前一个版本。你还可以选择暂时不发布,然后让其他用户查看你的修改并给予反馈。标签管理器版本还使得从错误中恢复过来更加容易,通过它你可以找到之前所有的已经部署过的标签、触发器和变量。一旦你对当前的配置满意的时候,你就可以将它发布到特定的环境(Dev,Staging,Live)。 欢迎加入Matomo中文网官方QQ群255820112(点击滚动至本页末可扫描二维码),随时提问,有问必答。 比如说,你想将标签首先部署到“test”或“staging”环境,以保证在应用到在线环境被所有用户看到之前可用。 在版本菜单,你还可以将容器配置导入或导出。 发布 一旦你确定所有标签、触发器、变量正确可用,你就可以将它们发布到网站上。 继续阅读 Matomo标签管理器系列之一:标签管理系统概述 Matomo标签管理器系列之二:容器(Container) Matomo标签管理器系列之三:标签(Tag) Matomo标签管理器系列之四:版本(Versions) Matomo标签管理器系列之五:变量(Variables) Matomo标签管理器系列之六:触发器(Triggers) Matomo标签管理器系列之七:数据层(Data Layer)

Matomo标签管理器系列之三:标签(Tag)

标签(Tag)是一段可以在你的网站上执行的代码段。大部分情况下,标签用于向第三方发送数据(如追踪统计数据)或者将来自第三方的内容嵌入到自己的网站(如社交小工具或者调查问卷)。只要你喜欢,你可以增加尽量多的标签。当标签对应的触发器满足执行条件的时候,对应的标签就会执行。 欢迎加入Matomo中文网官方QQ群255820112(点击滚动至本页末可扫描二维码),随时提问,有问必答。 创建新新标签 选择你想加入特定容器的标签,如“Matomo Analytics”,它表示将Matomo追踪代码通过标签管理系统嵌入到网站中。 配置标签 标签配置由三部分组成: 第一部分:配置标签的基本信息、所做的事情、行为表现,比如说你可以配置Matomo追踪网址或者谷歌分析的Property ID。这个表单的内容随标签不同而有所变化。 第二部分:配置标签何时执行。此处会安排一个触发器给标签,只有当触发器被触发时,标签才得以执行。 第三部分:高级设置,包括标签执行的频次,执行时间段等 配置标签 因为每个标签代表不同的解决方案:Matomo分析、谷歌分析、脸谱转化追踪像素、再营销。标签不同,配置面板也不同。 有些配置是完整的且由多个字段组成,比如Matomo分析追踪代码。如果是自定义HTML标签,则只需要填写一个字段。 配置何时执行标签 当你拷贝/粘贴Matomo默认分析代码时,它会在每次页面访问时都会将数据发送到Matomo服务器。这个行为在某些条件下是存在问题的,比如说客户不同意。你可以通过配置触发器来制定标签的执行时间。如果你还不熟悉标签管理和触发器的话,我们建议你阅读下触发器指南。 高级设置 一些用户可能需要一些复杂的配置,如标签执行的次数,触发器的执行顺序,标签执行的开始时间和结束时间等。 另外一个例子是再营销,它需要设置cookie的保存截止时间。这就是高级设置的一部分作用所在。 就如上面的截屏内容一样,定义了截止时间之后,标签管理器会自动停止标签被触发,无需你登录后台并移除它。 恭喜你已经完成了第一个标签!然而它还不能被你的网站所加载,因为还有些重要的步骤没完成。 预览及错误排除 创建版本 发布到对应的环境 预览及错误排除 标签管理系统的一个重要特性是允许开发人员在放到在线环境前进行测试。 值得注意的是你将要发布的标签会对网站的性能产生影响(如网站呈现、加载时间等)。正如内容管理系统一样,你可以在发布内容到在线环境之前预览标签的呈现效果。预览和排障模式是简单易懂的。一旦标签、触发器、变量设置好后,你就可以点击预览和排障。 然后仪表盘会直接弹出提醒,提醒你所处在的选择模式。 在某些情况下,你需要在网址后边附加?mtmPreviewMode=YourContainerID,然后才能看到debug控制台。 每次你执行了触发器对应的动作时,如PageView、Click、Scroll等,你就可以在左侧看到动作,在右侧看到所关联的被触发的标签。 为了简单易用,排障特性能够帮你找到代码错误,还能引导你自己解决,无需开发人员的帮助。 继续阅读 Matomo标签管理器系列之一:标签管理系统概述 Matomo标签管理器系列之二:容器(Container) Matomo标签管理器系列之三:标签(Tag) Matomo标签管理器系列之四:版本(Versions) Matomo标签管理器系列之五:变量(Variables) Matomo标签管理器系列之六:触发器(Triggers) Matomo标签管理器系列之七:数据层(Data Layer)

Matomo标签管理器系列之二:容器(Container)

当你在Matomo中创建了一个新站点(大部分情况下,容器等同于网站),标签管理器会自动生成一个容器,同时会有相应的追踪代码与之对应(你可以在后台的Tracking Code菜单中找到对应代码)。 欢迎加入Matomo中文网官方QQ群255820112(点击滚动至本页末可扫描二维码),随时提问,有问必答。   如果你想为已经存在的站点创建新的容器,请登录Matomo并点击“Tag Manager => Manage Containers” 你可以看到下面的容器列表 点击上图中的“Create new container”。然后输入名称和描述(可选)。容器的名称用于从字面上了解容器意义,可以是站点的名字或者容器的用途。“context”选项将会被禁用,因为我们目前还没支持不同的上下文如安卓系统或苹果系统。 一旦你创建了容器,就会自动跳转到容器的管理首页。 安装容器 现在,你已经创建了容器,是时候将容器嵌入到网站上了。在此,你可以点击左侧的“Install Code”图标。 简单安装只需要一个在线的环境。然而,如果生产环境的网站安全性和稳定性比较高,你可能需要增加开发和上线环境。使用任何一个选项都会生成不同的容器追踪代码。 无论你选择哪个选项,你只需要拷贝/粘贴代码段到你的网站尽量靠前的位置。在大多数情况下,你只需要拷贝“在线”环境的代码。 超级管理员可以配置可选的环境(Administrator=>General Settings)。我们推荐你阅读下标签管理器安装开发者指南,以了解如何将容器嵌入到网站中。 在此之前我们移步到下一节,下面是快速配置小技巧 在多个容器间跳转 你可以很容易地在容器间跳转,你只需要点击工具条中站点右侧的下拉菜单。 或者,你可以在容器列表中点击某容器右侧的齿轮图标 仪表盘 在仪表盘上你可以看到当前配置的所有标签、触发器、变量和版本信息。你只需要一次点击即可快速编辑任何对象或创建新对象。为了了解特定对象的更多信息,你只需简单将鼠标悬停在某个名字上,然后就能看到实体的创建时间、最后编辑时间、及对象类型 接下来我们就标签,触发器,变量,版本进行详细介绍。别忘了扫描网页底部的QQ二维码入群哦。 继续阅读 Matomo标签管理器系列之一:标签管理系统概述 Matomo标签管理器系列之二:容器(Container) Matomo标签管理器系列之三:标签(Tag) Matomo标签管理器系列之四:版本(Versions) Matomo标签管理器系列之五:变量(Variables) Matomo标签管理器系列之六:触发器(Triggers) Matomo标签管理器系列之七:数据层(Data Layer)

Matomo标签管理器系列之一:标签管理系统概述(Tag Manager)

简单来说,Matomo标签管理器就是一个插件,它将Matomo分析提高到了一个新的水平。就像CMS系统可以将内容发布变得富有弹性一样,标签管理系统让你可以很容易地在网站上嵌入官方和第三方的应用资源。 欢迎加入Matomo中文网官方QQ群255820112(点击滚动至本页末可扫描二维码),随时提问,有问必答。 Matomo标签管理器系列之一:标签管理系统概述 Matomo标签管理器系列之二:容器(Container) Matomo标签管理器系列之三:标签(Tag) Matomo标签管理器系列之四:版本(Versions) Matomo标签管理器系列之五:变量(Variables) Matomo标签管理器系列之六:触发器(Triggers) Matomo标签管理器系列之七:数据层(Data Layer) 什么是标签管理器? 标签管理器让你可以在一个地方就能管理和统一所有追踪及营销代码片段。这些片段通常是一些JavaScript代码或HTML代码,你只需要简单点一点就能将多种特性整合到网站上。 分析 转化追踪 订阅签到 退出弹出窗口和调查问卷 再营销 社交小工具 联盟 广告及更多 使用以下几个组件就可以实现上述功能 标签-代码片段(通常是JavaScript或HTML)会被加入到网站上 触发器-定义标签什么时候会被执行 变量-定义可被标签和触发器获取的数据 如果你是开发人员,请考虑为我们的开源标签管理器项目做些贡献。你还可以学习更多关于开发自定义标签、触发器、变量的内容。 如何获取Matomo标签管理器? 很简单,你只需要安装Matomo并激活标签管理器插件。从菜单顶部就能找到标签管理菜单项。 网站安全 当你安装了Matomo标签管理器,拥有管理员权限的用户即可创建自定义的HTML标签、触发器和变量,这些内容可以被整合到你的网站上。这些自定义模板可能会被误用,比如用于窃取用户的敏感数据(已知的是XSS)。你也可以选择性地禁用这些自定义模板(Administration => General Settings),或可以只限制为超级用户所使用(如图所示)。 拥有写权限的用户可以编辑任何标签管理容器内容(标签、触发器、变量),但不是所有的自定义模板。 为什么需要标签管理器?何时需要? 如果你没有开发人员帮你做网站改动的话,标签管理器可以让相关的事情变得容易许多。有了标签管理器,你就不需要联系开发人员并等待他们帮你部署网站了。你就可以自己完成必要的更新了。它不但可以降低成本,还可以快速适应变化。 如果你要将许多第三方代码嵌入到网站,并想很好地组织和监控的话,它更能派上用场了。同时,管理好它们也非常方便。 Matomo标签管理器还能够保证所有的片段都能正确部署,并能够实现快速加载高效运行。 标签管理系统能够带来哪些好处? 标签管理系统能够为分析架构提供以下好处: 更好地管理和控制你的标签 更高的安全性 代码优化 让市场代码的部署从IT部门脱离开 快速响应市场变化 降低组织运营成本 标签管理系统有哪些缺点? 标签管理系统已经成为分析类项目的标配。在某种程度上来说,标签管理系统就像一个“黑盒子”,它包含了网站用到的所有标签,如果访客屏蔽了标签管理系统的脚本,那么标签管理系统所包含的所有资源都会被屏蔽。 相对于其他的标签管理解决方案,Matomo标签管理系统是托管在你的网站上。这样上面所说的场景就不可能发生了。当然,Matomo还有多种方法避免此类问题。 标签管理系统是非常强大的,安装之后非技术人员就可以通过一系列的点击操作就可以把你的网站搞崩溃。所以相应地,你需要管理好用户权限,每个用户都要做好适当地培训。此外,你可能还需要禁用自定义模板。 如何在网站上设置Matomo标签管理器 Matomo标签管理器是以插件的形式存在于Matomo系统中的。一旦你安装并激活了它,它就会出现在Matomo菜单的顶右上角的位置。 Matomo标签管理器系列之一:标签管理系统概述 Matomo标签管理器系列之二:容器(Container) Matomo标签管理器系列之三:标签(Tag) Matomo标签管理器系列之四:版本(Versions) … Continue reading “Matomo标签管理器系列之一:标签管理系统概述(Tag Manager)”

Matomo在线用户报告-实时访客分析

Matomo(piwik)提供实时网站分析报告。当你请求今天、当月或者包含今天的一段时间的数据时,输出的报告会包含最近的访问,它能够确保你访问到最新的分析数据。默认情况下,这些报告每隔10秒钟会处理一次,但是你可以在管理后台配置这个时间间隔选项,配置在“General Settings”下可以完成。 不仅如此,Matomo(Piwik)也提供了一些特别的工具来帮助你更好地了解实时流量,并在访问水平显示你的数据。 欢迎加入Matomo中文网官方QQ群255820112(点击滚动至本页末可扫描二维码),随时提问,有问必答。 实时在线小工具 默认情况下,在线小工具会在Matomo(Piwik)的仪表盘中显示。它会显示网站的实时访问的情况。同时,它会汇总30分钟内和24小时内的访问数和页面浏览数。 在线小工具的数据5秒钟刷新一次,新的访问(或者在线访问者浏览新的页面)都会以渐显的方式展示到列表的顶部。对于每个访问者,你可以看到他们的所有的属性,包括日期、操作数、在线时间、国家、浏览器、操作系统、是新访问者还是回头客、推荐方式(搜索引擎带关键词,活动还是一般网站)、访问者是否有目标转化。 如果你将鼠标悬停在这些小图标上,你可以看到分辨率和支持的浏览器插件。 在线小工具也显示了访问者在你的网站上浏览的网页和操作。鼠标放在小图标上会显示页面访问时间和页面名称。点击小图标会打开对应的页面。 访问者日志 点击菜单Visitor->Visitor Log可以打开访问者日志。访问者日志工具让你看到网站的所有访问细节,浏览这些访问可以深入了解特定的用户会话。你还可以点击页面底部的Next链接来查看之前的访问,或者修改日历的日期来查看不同时间的访问者日志。 Visitor Log可以显示在线小工具的所有数据,同时还包含给访问定制的一些变量。它不会自动刷新,但你可以通过刷新页面看到最新的访问。查看特定的用户会话,了解访问者的访问细节是非常有用的。你可以了解到他们是否在你的网站找到了答案,可以知道是在哪个网页促成了目标转化。 备注:如果你试图将Visitor Log嵌入到你的网站应用或者为你的客户提供Matomo服务,你需要开放Matomo的访客日志。你可以很容易地将特定网站或日期的访客日志嵌入。了解详情请点击Administration > Platform > Widgets。 访客画像 访客画像(Visitor Profile)可以在一个报告中展示特定访问者的摘要信息。它能够列举访问者的每次访问以及此访客的地理位置。 此报告可以通过实时分析插件(Live)来查看在线用户的情况。你也可以通过访客日志(Visitor Log)来查看过去访问者的访问情况。你只需要在对应的插件或者小工具上点击View visitor Profile即可。 实时分析API Matomo在线插件API可以让你简单获取你的网站上的所有访问和操作数据。 在线插件API可以获取特定访问者的记录,可以获取所有访问的数据,也可以设置日期筛选条件。比如说,你可以将这些数据整合到其他的用户数据库,以全局性地获取访客的访问路径和历史,你可以知道他们是如何找你的网站的,是如何转化的,是如何留存并体验你的网站或APP的。可以将Matomo整合到CRM,客户数据库,电子商务数据库或已有的数据仓库。 下面有几个例子,你可以看到对应的XML输出格式(你可以修改格式,请查看Analytics API 文档),下面是Matomo论坛的分析数据。 查看最近30分钟的实时访客量 查看最后10个访问以及他们的操作和目标转化 查看特定Visitor Id访客的最后访问和页面列表 关于访客隐私 只有在登录Matomo的情况下,你才能看到访客IP,独立访客ID。因为隐私的原因,我们不会讲IP和访客ID对你们用户开放。 为了能够记录最后一次页面的访问时长,请阅读Matomo心跳。