使用Raygun Pulse进行高级实际用户监控

你的名字 2023-02-22 03:37 1阅读 0赞

[![format_png][]][format_png 1]

When I was a teenager, I had a newspaper round as my first 'real job', and I would be paid peanuts to walk the streets and deliver the local news to households throughout my neighbourhood. I had some frustrations with the job, and didn't really mind the low wages when it came to pay day (which on reflection seemed ridiculous for the effort involved), the most frustrating thing about a newspaper round for me was having to deal with poorly maintained letterboxes for many of the houses on my round.

当我十几岁的时候，我有一份报纸作为我的第一份“真正的工作”，我会得到报酬，让我在街上走动并将当地新闻传播给整个邻居。 我对这份工作感到有些沮丧，并且真的不介意在发薪日时的低工资(从反思的角度来看，这对于所涉及的工作而言是荒谬的)，对于我来说，一轮报纸上最令人沮丧的事情是必须处理我这一轮中许多房屋的信箱维护不善。

I grew up in England, so if you didn't know this, nearly all letterboxes there are located in the front door of the house, rather than a mailbox at the end of the driveway, and letterboxes that were completely broken were pretty common. This left me wanting to avoid these houses on purpose and the homeowner remaining oblivious to my plight to deliver their weekly tabloid fix.

我在英格兰长大，所以，如果您不知道，那几乎所有的信箱都位于房屋的前门，而不是在车道尽头的邮箱，而完全破损的信箱很常见。 这使我想避免这些房屋的故意使用，而房主仍然不愿为我提供每周的小报修正。

[![format_png 2][]][format_png 1]

Why did these people never think to fix their letterboxes?

为什么这些人从来没有想过要修复他们的信箱？

I didn't expect homeowners to lie awake at night, thinking up ways to perfect the proficiency of their letterboxes, but it occurred to me that I did not tell them anything was wrong, nor did any of them actually use them themselves. When was the last time you put something through your own letterbox? Now that I work in web development, I've often used the analogy to explain the fact that we don't really use the websites we build in the same way our users do. We never get to experience things from their perspective, and users come and go without you really knowing if they had a good experience (or them telling you that they encountered issues). Instead, they just avoid using you in future.

我没想到房主会在晚上醒着，想出各种方法来完善他们的信箱，但是我发现我没有告诉他们任何错，也没有任何人自己使用它们。 您上次在自己的信箱中放东西是什么时候？ 现在我从事Web开发工作，我经常使用类比来解释一个事实，即我们实际上并没有像用户那样使用我们构建的网站。 我们永远不会从他们的角度去体验事物，并且用户来来往往，而您并没有真正知道他们是否有良好的体验(或者他们告诉您他们遇到了问题)。 相反，他们只是避免以后再使用您。

We know how to navigate to our own pages, we know what features we have and where they are located and we simply cannot erase our memories to act like a new visitor hitting our website for the first time. So how do you ensure users are having a good experience with your application and make sure they do not avoid you due to problems you aren't even aware of? Here I'll show you how to get set up with a product from popular developer tool company Raygun called [Pulse][format_png 1], and in just a few minutes, unlock a wealth of actionable insights you can take to improve your software and make sure users are having a perfect software experience.

我们知道如何导航到我们自己的页面，我们知道我们拥有哪些功能以及它们的位置，我们根本无法抹去我们的记忆，就像新访客首次访问我们的网站一样。 那么，如何确保用户对您的应用程序有良好的体验，并确保他们不会因为您根本不知道的问题而回避您呢？ 在这里，我将向您展示如何使用来自流行的开发工具公司Raygun的名为[Pulse][format_png 1]的产品进行设置，并在短短几分钟内就可获取大量可行的见解，以帮助您改进软件并确保用户拥有完美的软件体验。

## 什么是真实用户监控？ **(**What is Real User Monitoring?**)** ##

If you haven't heard the term before, Real User Monitoring (RUM) products measure the experience users have when they visit your website. Browser monitoring would be another term that is widely used in the dev community. Some readers will be familiar with the likes of New Relic Browser and Pingdom, who offer tools to measure the experiences of website visitors. Raygun's Pulse product takes Real User Monitoring to whole new level however, by combining this data with deep diagnostic information on errors and crashes that occur within a user session. Pulse is a [Real User Monitoring][format_png 1] product built for developers like you.

如果您以前从未听说过该术语，则“真实用户监视”(RUM)产品将衡量用户访问您的网站时的体验。 浏览器监视将是开发社区中广泛使用的另一个术语。 一些读者会熟悉New Relic Browser和Pingdom之类的工具，它们提供了可衡量网站访问者体验的工具。 通过将这些数据与有关用户会话中发生的错误和崩溃的深入诊断信息相结合，Raygun的Pulse产品将Real User Monitoring提升到了一个全新的水平。 Pulse是为像您这样的开发人员构建的[真实用户监视][format_png 1]产品。

Many teams who implement some form of monitoring feel happy when they achieve a real time dashboard of data on their office TV screens, but actively finding and fixing problems that are affecting your users becomes secondary.

许多实施某种形式的监视的团队在实现其办公室电视屏幕上的实时数据仪表板时会感到高兴，但是积极寻找并解决影响用户的问题就变得次要。

Rather than see pretty trends of data with no real knowledge on how to fix the issues or who it happened to, Raygun can provide a level of information that can pinpoint an issue right down to the asset or line of code that is the root cause, importantly, alongside the specific user that encountered the problem (which is great for your support efforts!). Let's take a look at how all of this works in more detail.

Raygun可以提供一定程度的信息，以查明问题的根本原因是资产或代码行，而不是不了解有关如何解决问题或发生问题的确切知识的漂亮趋势，重要的是，与遇到问题的特定用户一起(这对您的支持工作非常有用！)。 让我们更详细地了解所有这些工作方式。

[![format_png 3][]][format_png 1]

## 开箱即用的可行见解 **(**Actionable Insights Right Out Of The Box**)** ##

The good thing about Raygun Pulse is that you can get started with only a few lines of code. The Javascript snippet is available in the setup instructions, right after you've [signed up for an account][format_png 1]. Copy and paste this code along with your API key into your application code and that's all there is to it.

Raygun Pulse的优点在于，您仅需几行代码即可入门。 [申请帐户][format_png 1]后，即可在设置说明中找到Javascript代码段。 复制此代码以及API密钥并将其粘贴到应用程序代码中，仅此而已。

Check out this video for a quick overview of setting Pulse Real User Monitoring up, which takes no time at all. This example uses a Wordpress blog for the demo, but you can use Pulse with any web application, as it is just a short JavaScript snippet that you need to include. Most developers will find they have this up and running within a few minutes, you can probably integrate it on your coffee break!

观看此视频，快速了解如何设置Pulse Real User Monitoring(Pulse Real用户监控)，这完全不需要时间。 本示例使用了一个Wordpress博客进行演示，但是您可以在任何Web应用程序中使用Pulse，因为它只是您需要包含的一小段JavaScript代码段。 大多数开发人员会在几分钟内发现它们已启动并运行，您可以将其集成到您的咖啡休息时间中！

[演示地址][Link 1]

Here's how to set things up.

这是设置方法。

## 安装客户端库： **(**Installing the client library:**)** ##

#### 使用Raygun CDN **(**Using the Raygun CDN**)** ####

Add this snippet to your markup, before the closing </head> tag:

在结束</ head>标记之前，将此代码段添加到您的标记中：

#### 或手动 **(**Or manually **)** ####

Download the [production script][] (minified), the [development script][] (full source) or [see here][] for installing with Bower, NPM or NuGet.

下载[生产脚本][production script] (最小化)， [开发脚本][development script] (完整源代码)，或[在此处][see here]查看通过Bower，NPM或NuGet进行安装。

Add the following lines of JS code just before the closing body tag in your site or app.

在您的网站或应用程序的结束body标签之前添加以下几行JS代码。

It really is as easy as that!

真的就是那样简单！

Once you send data to Raygun, you'll then be able to navigate to the Live tab and see the world map light up like a Christmas tree.

将数据发送到Raygun之后，您就可以导航到“实时”选项卡，并看到世界地图像圣诞树一样照亮。

[![format_png 4][]][format_png 1]

Look at all those users, happily going about their day on your application. Though this view is pretty cool, especially for high traffic websites, we want to see some insights into the experience those users are having when using our software.

查看所有这些用户，愉快地度过他们在您的应用程序上的一天。 尽管这种观点很酷，尤其是对于高流量的网站，但我们希望对用户使用我们的软件时的体验有所了解。

Pulse records every session that your users have and then offers you the diagnostic information about those sessions and any problems that the user had, so you can look at fixing up those issues and make your application better, faster, stronger and more reliable.

Pulse记录用户的每个会话，然后为您提供有关这些会话以及用户遇到的任何问题的诊断信息，因此您可以着手解决这些问题，并使您的应用程序更好，更快，更强大，更可靠。

[![format_png 5][]][format_png 1]

The Pulse ‘Sessions' tab lets you drill down into the pages the user visited when on their session. A session starts when they visit your application and ends when they leave your application.

Pulse的“会话”标签可让您深入查看用户在会话中访问过的页面。 会话在他们访问您的应用程序时开始，而在他们离开您的应用程序时结束。

Each page has been recorded as the user navigates through your application, with the device and operating system clearly visible. The pages are ranked on their performance, so if for example you had a five stage checkout experience, but on page four of this flow the page loads were showing as poor for users on a specific device, you can imagine the impact a simple fix would be to a poorly performing asset. I'm sure you have your own use cases where you feel measuring these parts of your application could be useful.

当用户浏览您的应用程序时，每个页面都被记录下来，设备和操作系统清晰可见。 这些页面按其性能进行排名，因此，例如，如果您有五阶段结帐经验，但是在此流程的第4页上，页面加载对于特定设备上的用户显示为不良，您可以想象简单修复会产生的影响表现不佳的资产。 我确定您有自己的用例，可以衡量应用程序的这些部分。

[![format_png 6][]][format_png 1]

By utilizing a tool like Pulse, the effect on your entire organization is two fold. Firstly it makes the likelihood of users abandoning your service due to issues less likely (more conversions), whilst also making cost savings by allowing developers to pinpoint issues extremely quickly.

通过使用Pulse等工具，对您整个组织的影响是双重的。 首先，它使用户不太可能因问题(更多转换)而放弃您的服务，同时还通过允许开发人员极其Swift地确定问题来节省成本。

When was the last time you or a member of your team lost half a day trying to reproduce a bug or dig through log files looking for the cause? Time is money, and with Raygun this process of finding the root cause of problems takes minutes, as you are alerted to your issues rather than relying on your users to report them, angrily emailing you vague screenshots in a Word file as you try to diagnose an issue. There is a better way.

您或团队成员最后一次是什么时候丢失半天的时间来尝试重现错误或挖掘日志文件以查找原因？ 时间就是金钱，有了Raygun，发现问题根本原因的过程将耗时数分钟，因为您会收到问题警报，而不是依靠用户报告问题，在尝试诊断时愤怒地通过电子邮件将模糊的屏幕截图发送给Word文件一个问题。 有个更好的方法。

Here we can see a breakdown of our page timings and what was contributing to our slower load time speed. This view is a powerful way to realise where a slow page load stems from and what asset optimizations are going to deliver the greatest gains in performance.

在这里，我们可以看到页面计时的细目分类以及导致加载速度降低的原因。 此视图是一种强大的方法，可实现缓慢的页面加载源于何处，以及哪些资产优化将带来最大的性能提升。

[![format_png 7][]][format_png 1]

Now we get to the best part about Pulse - authenticated users...

现在，我们充分了解Pulse －认证用户...

## 实际用户监控=人员问题 **(**Real User Monitoring = People Matter**)** ##

One of the powerful features Pulse provides is to not only tell you what, when and why something happened, but also WHO it happened to. Is your biggest customer experiencing issues with your app? Would you even know about it right now if they were? Well, using the [Users function of Pulse][], authenticated users can be identified, you can set this up by setting up the library to transmit data for the currently logged-in user. Here's how this looks:

Pulse提供的强大功能之一不仅是告诉您发生了什么事情，何时发生以及为什么发生，而且还告诉了您发生了什么事情。 您的最大客户是否遇到应用程序问题？ 如果他们现在就知道吗？ 好了，使用[Pulse][Users function of Pulse]的[Users功能，][Users function of Pulse]可以识别经过身份验证的用户，您可以通过设置库为当前登录的用户传输数据来进行设置。 外观如下：

### 添加用户数据： **(**Add user data:**)** ###

rg4js('setUser', {
      identifier: 'users_email_address_or_unique_id@domain.com',
      isAnonymous: false,
      email: 'users_email_address@domain.com',
      firstName: 'Firstname',
      fullName: 'Firstname Lastname'
    });

Now your users will get individual user profiles with details of their session performance and any errors they encountered historically. You can reach out to users via email or social channels that had a poor experience or match their session histories up with support requests. Your workflow suddenly becomes a lot smoother and less stressful!

现在，您的用户将获得单个用户配置文件，其中包含其会话性能以及他们历来遇到的任何错误的详细信息。 您可以通过经验不佳的电子邮件或社交渠道与用户联系，或者将他们的会话历史与支持请求进行匹配。 您的工作流程突然变得更加流畅，压力减轻了！

## 脉动见解 **(**Pulse Insights**)** ##

Pulse Insights is a powerful addition to [Raygun Pulse][]. Automatically identify ways to optimize your website page load speeds. Insights crawls your website pages periodically, keeping a watchful eye on their health, speed and user experience.

Pulse Insights是[Raygun Pulse][]的强大补充。 自动确定优化网站页面加载速度的方法。 Insights会定期抓取您的网站页面，并密切关注其健康状况，速度和用户体验。

[![format_png 8][]][Raygun Pulse]

If your team introduce performance issues with new releases (such as uploading a large image or forgetting to minify your JavaScript), Insights will detect the issue and suggest ways to fix the problem. It’s like a having a full time employee keeping a constant watch over your website performance!

如果您的团队在新版本中引入了性能问题(例如上传大图像或忘记缩小JavaScript)，则Insights会检测到该问题并提出解决问题的方法。 这就像有一个全职员工不断监视您的网站性能！

## 摘要 **(**Summary**)** ##

Does your site load slowly for a specific browser? Is a certain page in your checkout flow having issues and causing abandoned carts? Are users leaving your site due to one slow loading asset? How does mobile vs desktop loading time compare? These kind of questions can be given an answer with Real User Monitoring and improvements to your site performance can dramatically increase your conversions and user experience. Present to your boss that you fixed up multiple issues that were hurting the company and you'll be in line for a pay rise.

您的网站是否为特定的浏览器加载缓慢？ 结帐流程中的某个页面是否有问题并导致购物车遗弃？ 用户是否由于一项缓慢的加载资产而离开您的网站？ 手机与台式机的加载时间如何比较？ 可以通过Real User Monitoring回答这些问题，改善站点性能可以显着提高转化次数和用户体验。 向您的老板介绍，您已解决了许多困扰着公司的问题，并且愿意加薪。

[![format_png 9][]][format_png 1]

A lot of readers might be thinking that they know their software, they know its problems and if users are not complaining all is well. However, given that roughly 1% of users actively report software issues, that complacency around software performance can come back to bite you. I'd challenge any developer to plug in Raygun and see just how many issues you weren't aware of.

许多读者可能会以为自己了解软件，知道软件的问题，并且如果用户不抱怨一切都很好。 但是，鉴于大约1％的用户主动报告软件问题，因此对软件性能的自满情绪可能会再次吸引您。 我会向任何开发人员发起挑战，要求他们插入Raygun，看看您不知道有多少问题。

## 特别优惠-免费获得一个月 **(**Special offer - Get one month free**)** ##

Raygun gives developers the power to create perfect software experiences and become an amazing tech team. As an incentive for readers of this blog you'll get one month free after your 30 day free trial has ended. That’s two months of Raygun Pulse for free! Next time you have a support request and are struggling to find root cause of the issue, having Raygun in the mix could have saved you a bunch of time.

Raygun使开发人员能够创建完美的软件体验，并成为一支了不起的技术团队。 为了激励该博客的读者，您可以在30天免费试用期结束后免费获得一个月的免费试用期。 那是免费的Raygun Pulse两个月！ 下次您遇到支持请求并正在寻找问题的根本原因时，将Raygun混入其中可能会节省您很多时间。

I really hope you give Raygun Pulse a try to help your software development team improve your website performance.

我真的希望您能尝试使用Raygun Pulse来帮助您的软件开发团队改善您的网站性能。

[![format_png 10][]][format_png 10 1]

> 翻译自: [https://davidwalsh.name/raygun-pulse][https_davidwalsh.name_raygun-pulse]

[format_png]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcHVsc2UtaW5zaWdodHMvcmF5Z3VuLW1hc3RoZWFkLnBuZw?x-oss-process=image/format,png
[format_png 1]: https://raygun.io/products/real-user-monitoring?utm_source=post-pulse&utm_medium=text-link&utm_campaign=dwalsh-blog
[format_png 2]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcG9zdC9tYWlsYm94LTkzODgxNV8xOTIwLmpwZw?x-oss-process=image/format,png
[format_png 3]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcG9zdC9ob21lLnBuZw?x-oss-process=image/format,png
[Link 1]: https://player.vimeo.com/video/155763505?byline=0
[production script]: http://cdn.raygun.io/raygun4js/raygun.min.js
[development script]: http://cdn.raygun.io/raygun4js/raygun.js
[see here]: https://raygun.io/docs/languages/javascript?utm_source=post-pulse&utm_medium=text-link&utm_campaign=dwalsh-blog
[format_png 4]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcG9zdC9wdWxzZS1tYXAuanBn?x-oss-process=image/format,png
[format_png 5]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcG9zdC9wdWxzZS11c2VyLXBlcmZvcm1hbmNlLmpwZw?x-oss-process=image/format,png
[format_png 6]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcG9zdC9wdWxzZS11c2VyLmpwZw?x-oss-process=image/format,png
[format_png 7]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcG9zdC90aW1lbGluZS5qcGc?x-oss-process=image/format,png
[Users function of Pulse]: https://raygun.io/products/real-user-monitoring/user-tracking?utm_source=post-pulse&utm_medium=text-link&utm_campaign=dwalsh-blog
[Raygun Pulse]: https://davidwalsh.name/improve-user-performance-pulse-insights
[format_png 8]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcHVsc2UtaW5zaWdodHMvcHVsc2UtaW5zaWdodHMucG5n?x-oss-process=image/format,png
[format_png 9]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcG9zdC9kYXNoYm9hcmQucG5n?x-oss-process=image/format,png
[format_png 10]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby9yYXlndW4tcHVsc2UtaW5zaWdodHMvZGF2aWR3YWxzaDQ5LnBuZw?x-oss-process=image/format,png
[format_png 10 1]: https://raygun.com/products/real-user-monitoring?utm_source=DW_PI_launch
[https_davidwalsh.name_raygun-pulse]: https://davidwalsh.name/raygun-pulse