I'm testing TrackJS and Errorception to see which fit best my needs.
Here's my integration:
<!-- Errorception -->
<script crossorigin>
(function(_,e,rr,s){_errs=[s];var c=_.onerror;_.onerror=function(){var a=arguments;_errs.push(a);
c&&c.apply(this,a)};var b=function(){var c=e.createElement(rr),b=e.getElementsByTagName(rr)[0];
c.src="//beacon.errorception.com/"+s+".js";c.async=!0;b.parentNode.insertBefore(c,b)};
_.addEventListener?_.addEventListener("load",b,!1):_.attachEvent("onload",b)})
(window,document,"script","token");
</script>
<!-- TrackJs -->
<script type="text/javascript">window._trackJs = { token: 'token' };</script>
<script type="text/javascript" src="//d2zah9y47r7bi2.cloudfront.net/releases/current/tracker.js" crossorigin></script>
It seems TrackJS overrides Errorception listener because only TrackJS receive the errors
<!-- TrackJs -->
<script type="text/javascript">window._trackJs = { token: 'token' };</script>
<script type="text/javascript" src="//d2zah9y47r7bi2.cloudfront.net/releases/current/tracker.js" crossorigin></script>
<!-- Errorception -->
<script crossorigin>
(function(_,e,rr,s){_errs=[s];var c=_.onerror;_.onerror=function(){var a=arguments;_errs.push(a);
c&&c.apply(this,a)};var b=function(){var c=e.createElement(rr),b=e.getElementsByTagName(rr)[0];
c.src="//beacon.errorception.com/"+s+".js";c.async=!0;b.parentNode.insertBefore(c,b)};
_.addEventListener?_.addEventListener("load",b,!1):_.attachEvent("onload",b)})
(window,document,"script","token");
</script>
By registering Errorception after TrackJS it works better because Errorception does not override onerror set by Trackjs but simply proxy it.
I'm testing TrackJS and Errorception to see which fit best my needs.
Here's my integration:
<!-- Errorception --> <script crossorigin> (function(_,e,rr,s){_errs=[s];var c=_.onerror;_.onerror=function(){var a=arguments;_errs.push(a); c&&c.apply(this,a)};var b=function(){var c=e.createElement(rr),b=e.getElementsByTagName(rr)[0]; c.src="//beacon.errorception.com/"+s+".js";c.async=!0;b.parentNode.insertBefore(c,b)}; _.addEventListener?_.addEventListener("load",b,!1):_.attachEvent("onload",b)}) (window,document,"script","token"); </script> <!-- TrackJs --> <script type="text/javascript">window._trackJs = { token: 'token' };</script> <script type="text/javascript" src="//d2zah9y47r7bi2.cloudfront.net/releases/current/tracker.js" crossorigin></script>It seems TrackJS overrides Errorception listener because only TrackJS receive the errors
<!-- TrackJs --> <script type="text/javascript">window._trackJs = { token: 'token' };</script> <script type="text/javascript" src="//d2zah9y47r7bi2.cloudfront.net/releases/current/tracker.js" crossorigin></script> <!-- Errorception --> <script crossorigin> (function(_,e,rr,s){_errs=[s];var c=_.onerror;_.onerror=function(){var a=arguments;_errs.push(a); c&&c.apply(this,a)};var b=function(){var c=e.createElement(rr),b=e.getElementsByTagName(rr)[0]; c.src="//beacon.errorception.com/"+s+".js";c.async=!0;b.parentNode.insertBefore(c,b)}; _.addEventListener?_.addEventListener("load",b,!1):_.attachEvent("onload",b)}) (window,document,"script","token"); </script>By registering Errorception after TrackJS it works better because Errorception does not override onerror set by Trackjs but simply proxy it.