分析项目：跟踪关键用户数据的 5 个技巧

nurnobisorker18

为了避免被网站用户生成的大量数据所淹没，这里有一些关于如何专注于  与您最 相关的 数据的提示。

一切都始于战略和规划
跟踪用户数据可以为您提供大量信息，让您了解您的网站或应用是如何被您服务的用户使用的。事实上，这些信息可能非常广泛，如果您不能 100% 确定自己在寻找什么，就很难从中得出结论。这就是为什么首先制定跟踪计划很重要。

在此计划中，列出应跟踪哪些事件和属性以及原因，并对收集的数据可能意味着什么提出假设（例如，如果来自 Facebook 的新用户数量增加，这可能意味着您的社交媒体获取策略正在产生回报）。简而言之，始终将策略放在首位，并从该策略中得出需要跟踪的指标。  

例子：  

以下是 Niteco 为我们的一个客户制定的跟踪计划的一部分：

活动类别​我们使用视觉测试来确保应用程序看起来正确，使其 巴西 whatsapp 号码数据库 成为 CI/CD 的最后一步，确保高质量。像 Percy 这样的工具可以帮助您准确查看编辑之间发生的变化。
单元测试、功能测试或自动化测试可确保应用程序正常运行，但它们大多无法捕捉视觉变化。当然，我们可以编写大量难以维护的复杂测试套件来记录视觉变化，例如测试 CSS 类是否存在、测试 CSS 类内的颜色规则等，但我们仍然无法完全确保我们想要变成蓝色的按钮确实是蓝色的，无论该文本是否存在或是否融入蓝色背景，我们仍然无法发现今天的主页和明天的主页之间的视觉差异。

什么是视觉测试？

当我们重构/更新网站、升级底层依赖库或删除浪费的未使用的 CSS 时，UI 中可能会丢失很多东西。一些本应为蓝色的按钮可能会突然变成红色。背景颜色可能会变为与文本相同的颜色（这会使文本消失，CTA 按钮看起来像一个空白框），或者整个主菜单可能会莫名其妙地向上移动 5 个像素。

我们使用视觉测试来确保应用程序看起来正确，这是 CI/CD 的最后一步，与传统自动化工具共存以提供高质量。 视觉测试工具可以发现视觉变化，并让审阅者知道 UI 更改是故意的还是错误，确保视觉错误不会影响到我们的用户。 这意味着您可以更轻松地可视化 UI 更改，并安全高效地实践 CI/CD 。  

为什么你应该使用 Percy

Percy 是 一款可视化测试工具。它 让您 像客户一样观察您的网站，并 在 UI  发生（奇怪或好的）变化之前通知您，以免失控。它提供：  

可视化差异，如代码差异
视觉审查 （它允许我们 比较不同浏览器 和不同 响应屏幕尺寸的差异）
支持Github 、Bitbucket 和 Gitlab 中的 issue /pull request 管理（更利于开发过程中的审核）  
它 可以通过使用percyScript 或集成 到自动化测试 SDK（cypress、puppeteer、Selenium等 ）轻松集成 到 CI/CD 管道（包括Azure  Pipelines） 中。