Adding a Javascript API(Function) in Instana Javascript Agent(eum.min.js) for improving SPA(Single Page Application) monitoring

Currently, there's only one function, "autoPageDetection - True" of javaScript agent(eum.min.js) for SPA(Single Page Application) monitoring in Instana EUM.

This is quite a good approach to SPA developed via the development framework such as React, Angular or Vue.js.

However, SPA can be developed using other framework which is super easy for developers to build, operate and maintain so that most of enterprises in finance and telecommunications, public sector are using in Korea market. The name of the framework is "WebSquare".

The framework has a unique architecture that is to use its own javascript engine for SPA. It provides frontend developers with a UI studio(WYSIWYG) making .xml file just by drag & drop.

And then transforming .xml file into .js file to make html by javascript engine for SPA.

In this case, the function, "autoPageDetection" can not collect EUM data correctly and it becomes the blocker for Instana EUM business in Korea.

We examined the framework, "WebSquare" with our Instana customer, LG U Plus and found out that it provides "initScript" entity at the framework level which always runs first prior to a page(transformed from .xml into .js)

So, Adding a Javascript API(function) in eum.min.js can be a best solution.

Here is our idea.

--> IBM Provides a new Javascript API(function) in eum.min.js such as "trackPageChange".

      Then, we write a code in the initScript entity at the framework as below.

      ineum('trackPageChange');

      Every time a page is called in SPA, Instana can notice "this is page change" and collect EUM data correctly.