JavaScript Error Tracking with Raygun

Easily detect, diagnose, track and fix JavaScript errors

Solving JavaScript errors has never been so easy!

Detect, diagnose and destroy JavaScript errors that are affecting your customers. With smart JavaScript error tracking software from Raygun, you can be alerted to issues affecting your users, the second they happen.

JavaScript errors can tend to be noisy and throw in a lot of unuseful information. Raygun helps you cut through this noise and focus on the problems that are affecting the largest number of users of your application.

Raygun supports all major programming languages and platforms including JavaScript, Angular, Node, Ember, React and more. Whatever your tech stack looks like, or whether you’re monitoring backend or frontend code, Raygun can ensure all issues are brought to your team’s attention. All errors are reported to your Raygun dashboard automatically along with full diagnostic details on how to solve them.

Getting started - It's quick and easy

2

Add code snippets

Add this snippet below to your markup, before the closing </head> tag: This will fetch the Raygun4js script from our CDN asynchronously, so it doesn't block the page load. It will also catch errors that are thrown while the page is loading, and send them when the script is ready.

<script type="text/javascript">
  !function(a,b,c,d,e,f,g,h){a.RaygunObject=e,a[e]=a[e]||function(){
  (a[e].o=a[e].o||[]).push(arguments)},f=b.createElement(c),g=b.getElementsByTagName(c)[0],
  f.async=1,f.src=d,g.parentNode.insertBefore(f,g),h=a.onerror,a.onerror=function(b,c,d,f,g){
  h&&h(b,c,d,f,g),g||(g=new Error(b)),a[e].q=a[e].q||[],a[e].q.push({
  e:g})}}(window,document,"script","//cdn.raygun.io/raygun4js/raygun.min.js","rg4js");
</script>

Add the following lines to your JavaScript site code just before the closing body tag and paste in your API key (from your Raygun dashboard), to set up the provider to automatically send errors to your Raygun account:

<script type="text/javascript">
  rg4js('apiKey', 'paste_your_api_key_here');
  rg4js('enableCrashReporting', true);
</script>

3

Start sending data!

Raygun will start monitoring your application for JavaScript errors that are present in your application. Errors are grouped by their root cause and smart notifications alert you to the things that need attention.

Start fixing the JavaScript errors and improve your app quality!

Don’t rely on your users to report errors

14 day free trial - no credit card required!

JavaScript Error Tracking Features

Raygun gives you full stacktraces for each and every error occurrence, along with environment information, HTTP requests, raw data, browser, OS, affected users and more. All the details you need to rectify issues quickly and efficiently. Raygun stores every single error event (no data sampling) so you’ll always have the right information at hand when needing to see when, why and how an error occurred.

    • Rather than be bombarded with a flood of messages and error emails, Raygun silently monitors your applications in the background and offers smart alerts for you when need to take action. Notifications are fully customizable, but repeating error instance emails and team chat alerts are sent only when issues are recurring or getting worse, resulting in more signal, and less noise.
    • Raygun allows you to set inbound filters to remove the reporting of errors you don’t care about or cannot fix, meaning you’ll be able to see the problems that are highest priority and affecting the largest amount of users. Choose what you want to monitor with custom setup for dealing with private user details and sensitive information, you can do it all.
    • Source maps are a useful tool for debugging and fixing minified JavaScript code without the hassle of determining where in the original code an error occurred. They provide a way to translate between minified code, designed to decrease webpage load times to the source code the developer writes. Raygun can help you make sense of errors stemming from minified JavaScript and create readable stack traces.

    For many businesses hosting JavaScript files publicly is not in their best interests. For this reason Raygun provides a source map center to handle private Javascript Sourcemaps. This is a private store of JavaScript files to be used in the source mapping process. It allows source mapping to work without hosting anything publicly.

It takes minutes to set Raygun up - seriously

Simply add a short JavaScript code snippet and deploy your application into production, that’s all you need to start monitoring your application for Javascript errors. Start fixing bugs within minutes!

More about Crash Reporting
Raygun dashboard Play button
Close

Raygun also supports your backend

Don’t rely on your users to report errors

14 day free trial - no credit card required!

Supports all major web and mobile programming languages

View all languages

Integrates with the workflow tools you use everyday

View all integrations

Solve your JavaScript errors with Raygun

Forget logs and support tickets. Find the answers you need with greater speed and accuracy.

Raygun JavaScript Error Monitoring

Discover why 40,000+ developers love Raygun

14 day free trial - no credit card required!