Sitemap

AngularJS front-end error logging with Google Analytics

2 min readAug 29, 2018

--

AngularJS is the most popular programming language of the web. With this growing Javascript libraries every day, developers are demonstrating that almost everything is possible inside browsers. In this tutorial, we’ll walk you through the process of setting up AngularJS error logging in Google Analytics.

Press enter or click to view image in full size

There are a couple of reasons why client-side errors have become more and more important to log than ever before,

  • When a website is rolled out to the world, if any error occurs to the customers, it is hard to reproduce the same scenario for the developers without knowing anything about it. In such scenarios, think if we have information like the details of the error, the browser/device used, browser version, etc., it will be much easier, isn’t it?

For achieving this , lets split up our goal,

  • To catch all exceptions and errors in AngularJs, including HTTP calls.
  • Intro about Google Analytics and choosing the tracking type
  • Integrated Google Analytics in Angular JS Codebase

To catch all errors and exceptions in Angular JS :

Generic way to catch all exceptions

Get GSM Plus Infotech’s stories in your inbox

Join Medium for free to get updates from this writer.

For capturing all errors in angular js, we can use decorator , which provides a consistent way to handle uncaught exceptions in AngularJS exceptions, which also gives an advantage to keep the default behavior and extend it.

Read more.. https://gsmplusinfotech.com/blog/angularjs-front-end-error-logging-with-google-analytics/

--

--

GSM Plus Infotech
GSM Plus Infotech

Written by GSM Plus Infotech

In 2013, GSM Plus was established with a simple, strong thought:need to help enterprises and startups to achieve their goals with end-to-end technology solution