Get complete visibility into your Angular2 errors and performance issues that are impacting your end user experience. Fix critical issues sooner with in depth data points that helps you in analyzing and resolving issues with great speed.
Atatus monitors your Angular2 application to provide detailed overview of the end-user experience your customers have. Uncover performance bottlenecks in frontend for every page request and identify the root cause of slow load times, route changes and more.
Web VitalsWe gather critical performance data for Google's Core Web Vitals and Other Web Vitals that helps you understand what’s the cause of the slow performance at the user level if they are having troubling interacting with the page, seeing sudden changes or having slow loading times.
Slow resourcesGain insights into why your customers were affected by bad front end performance and slow page load. Inspect individual users having poor experiences due to slow pages, Angular2 exceptions or failing AJAX calls. Quickly see how network or geographical region is affecting your end users' experience. Session traces provides waterfall view of the session to identify slow Angular2 assets, long load times and errors.
Learn more
XHR CallsExamine all XHR requests sent by your Angular2 app. Monitor and measure XHR calls' response times and failure rates. Identify slow and failed AJAX calls and optimize request performance. Slice and dice AJAX calls in real time—based on browser, user, version, tag and other attributes.
Learn more
Fix issuesEvery Angular2 error is captured with full stack trace and exact line of source code is highlighted to make bug fixing easier. Source maps are automatically applied to convert your minified code into the original source line that caused the crash. See user actions, console logs and all javascript events at that time to help you to resolve the Angular2 error. Get alerts for errors and exceptions via Email, Slack, PagerDuty, or using webhooks.
Learn more
SPA MonitoringSee how much time each route changes takes. Drill down into Angular2 SPA response times, AJAX breakdown of the route change, slow routes breakdown with trace. Get a detailed view along with the impact that it has on your end-user experience.
Learn more
Try it free. No credit card required. Instant set-up.
Great product for tracking issues on Production
— Ivan S, Engineering Manager, iSavta
1. Install atatus-js from the npm registry:
npm install --save atatus-spa
2. Create a custom error handler
// /src/app/atatus.handler.ts
import { ErrorHandler } from '@angular/core';
import * as atatus from "atatus-spa";
atatus.config("YOUR_API_KEY").install();
class AtatusErrorHandler implements ErrorHandler {
handleError(error:any) : void {
if (atatus) {
atatus.notify(error.originalError || error);
}
}
}
export default AtatusErrorHandler;
3. Add the custom error handler AtatusErrorHandler in the providers section of @NgModule
import { ErrorHandler } from '@angular/core';
import { AppComponent } from './app.component';
import AtatusErrorHandler from './atatus.handler';
@NgModule({
bootstrap: [AppComponent],
declarations: [AppComponent],
providers: [{provide: ErrorHandler, useClass: AtatusErrorHandler}]
})
4. To verify that your integration is working, call notify() in your application:
atatus.notify(new Error{"Test Atatus Setup"));
Adding two lines of code gets you started with tracking your Angular2 app's performance and errors. Start seeing immediately what are the pain points your users are facing.
Make readable stack traces in your errors by providing source maps. Un-minifying JavaScript lets you view source code in their original form, which helps in debugging minified code from production.
You can filter Bots, Domains, IPs, User Agents and many other configurations in making sure that you get actionable insights from the real data that affects your customers.
Setup alerts to automatically monitor your applications for increase in response time, API failures, or error rate and much more. Get notified through various channels, including Slack, Teams, Email, PagerDuty and more.
Invite your team members and work together to resolve issues. Add comments to the Angular2 errors, so that your team members who view the errors, get to know what and how the fix was made.
Get your questions answered. Use custom queries to slice and dice the data by transaction, URL, error, user, browser, host OS and more.
Track all your websites in one place. Add your production, dev, staging, QA to monitor your websites through the complete software development cycle.
Don't miss out on your Angular2 app's performance and error stats. Atatus can send you weekly and monthly summaries directly to your inbox.
Maintain your workflow with Atatus issues in various Project Management integrations. We support Jira, Asana, BugHerd, GitHub, GitLab, and more.
Angular2 performance monitoring collects in-depth metrics on each user-interaction and analyzes everything from page load events to HTTP requests to front-end application crashes.
Monitoring Angular2 apps helps you to pinpoint Angular2 issues, measure user experience with the key metrics provided and fix them as soon as possible.
In real-time monitoring, a small piece of code is injected into the application to collect metrics while it is in use.
The browser-based applications can be monitored by injecting a JavaScript code which tracks and detects the front-end performance issues along with the XHR requests.
It also provides you with in-depth front-end metrics which helps you in resolving the issues at a faster rate.
Yes, we collect the IP address of the browser client used by the user, which will be displayed in the users' information along with the page views, load time, error count and last seen of the user, respectively.
Yes, we do collect core web vitals metrics such as:
As part of Atatus Browser Monitoring, we have a Single Page Application (SPA) Monitoring feature that gives a 360-degree view of what customers are doing with single-page apps and AJAX-based apps.
The benefits of real-time monitoring of users are substantial.
Compared to all other browser monitoring tools Atatus offers affordable pricing plans. Collaboration requires in any monitoring tool so we do not limit your capabilities by charging per user.
We collect all the data points including Spans and Traces that are necessary for you without the need for you to select which to retain. With this you can easily monitor your entire application.
Rather than stop collecting the front-end performance metrics, our sales team will contact you to discuss the requirements.
Feel assured as we maintain rigorous security protocols, ensuring the safety of your data with every interaction
Avail Atatus features for 14 days free-trial. No credit card required. Instant set-up.
+1-415-800-4104
