Skip to main content
Availability2017.1 or later

Monitoring Options

Access points for MarkoJS

3. Deploy RUM JS

Choose a deployment method

5. Configure Error Monitoring — Optional

Capture frontend errors

8. Configure Backend Monitoring — Optional

Add server-side monitoring
Deploy Monitoring for MarkoJS Deploy GermainUX monitoring for MarkoJS to capture real user experience, Session Replay, application performance, errors, and user journeys. For most MarkoJS applications, GermainUX RUM JS is the primary monitoring component. Additional GermainUX components can be deployed when deeper JavaScript troubleshooting, synthetic monitoring, or backend monitoring is required.

Monitoring Options

GermainUX can monitor MarkoJS across multiple access points: Deploy only the monitoring capabilities required for your environment.

1. Start the MarkoJS Wizard

From Germain Workspace, navigate to:
Left MenuWizardsMarkoJS
MarkoJS Wizard

MarkoJS Wizard - GermainUX

The MarkoJS Wizard guides you through the initial configuration and deployment of Real User Monitoring.

2. Configure the MarkoJS Application

Enter the:
  • Application Name
  • Application URL
Application Name and URL for MarkoJS

Application Name and URL for MarkoJS - GermainUX

The Application Name identifies the MarkoJS application throughout GermainUX. The Wizard creates the corresponding UX Monitoring Profile and generates deployment instructions for the application.

3. Deploy RUM JS

From the MarkoJS Wizard summary, select the deployment method appropriate for your environment. Three deployment options are available:

Script Tag Injection

Deploy GermainUX RUM JS using script tag injection. Script injection can be performed locally or remotely depending on your environment.
MarkoJS Deployment via Script Tag

MarkoJS Deployment via Script Tag- GermainUX

Package Dependency

Add GermainUX RUM JS to your application using:
  • npm
  • yarn
Follow the package installation and initialization instructions generated by the Wizard.
MarkoJS Deployment via Script Tag (2)

MarkoJS Deployment via Script Tag (2) - GermainUX

JavaScript Code Snippet

Add the JavaScript code generated by the Wizard directly to your MarkoJS application. The generated code contains the configuration associated with the UX Monitoring Profile created for your application.

4. Validate Real User Monitoring

Once RUM JS is deployed, open the MarkoJS application and perform a representative user journey. For example:
Open ApplicationLoginNavigatePerform Critical Action
Verify in GermainUX that:
  • The user session is captured
  • User actions are visible
  • Session Replay is available
  • Browser and JavaScript errors are captured
  • Network activity is monitored
  • Performance telemetry is available
  • The session is associated with the correct application

5. Configure Error Monitoring — Optional

GermainUX RUM JS automatically captures browser-side errors and failed network requests affecting MarkoJS users. The UX Monitoring Profile can be customized when application-specific error detection, categorization, or exclusions are required. For example:
  • Classify application-specific errors
  • Exclude known or benign errors
  • Customize error categories
  • Identify user-impacting errors
  • Add application-specific context
GermainUX analytics, dashboards, alerts, and reports can then be used to identify and prioritize important errors.

6. Enable Advanced JavaScript Troubleshooting — Optional

Deploy the GermainUX JS Profiler when deeper browser-side troubleshooting is required. The JS Profiler can provide additional visibility into:
  • JavaScript execution
  • Browser performance
  • Network activity
  • Integration issues
  • Slow or expensive JavaScript operations
Use JS Profiler when standard Real User Monitoring identifies an issue requiring deeper code-level analysis.

7. Configure Synthetic Monitoring — Optional

Use the GermainUX RPA Bot Recorder to proactively monitor critical MarkoJS user journeys. For example:
Open ApplicationLoginNavigateExecute TransactionValidate Result
Synthetic transactions can continuously verify application availability and critical workflows without waiting for an actual user to encounter an issue. Alerts or automated actions can be triggered when a synthetic transaction fails or exceeds defined thresholds.

8. Configure Backend Monitoring — Optional

Use the GermainUX Engine when additional monitoring is required beyond the browser. Depending on your architecture, GermainUX can monitor:

REST APIs

Monitor the health, usage, performance, and errors of APIs supporting the MarkoJS application.

Logs

Monitor application logs to detect errors, warnings, and other events relevant to application health.

Database

Monitor the supporting database to identify health or performance conditions affecting the application. Combining browser and backend monitoring provides broader visibility across:
UserMarkoJSAPI / ServiceDatabase

9. Review Data Privacy

Before enabling production monitoring, review the data collected from your MarkoJS application. Configure the appropriate privacy controls for sensitive information such as:
  • User input
  • Authentication information
  • Personal information
  • Business-sensitive data
  • Application-specific sensitive fields
Validate privacy and exclusion settings before enabling monitoring for production users.

Revisit Deployment Instructions

You can return to the generated deployment instructions at any time. Navigate to:
Germain WorkspaceAnalyticsUX Monitoring Profiles
Then:
1

Select the UX Monitoring Profile created for the MarkoJS application

2

Click Installation in the Configuration Editor

3

Follow the deployment instructions displayed for that profile

Next Steps

Once monitoring is deployed, configure the analytics and automation appropriate for your application, including:
  • User experience and friction analysis
  • Session Replay and AI-powered session insights
  • Application and JavaScript performance
  • Error analysis
  • Network/API performance
  • Real-time dashboards
  • Automated reports
  • Alerts and SLA monitoring
  • Operational automation
See Marko Operational Experience Intelligence for details about the MarkoJS monitoring, analytics, and automation capabilities available in GermainUX.

Get More Information

GermainUX monitoring is configurable and can be tailored to your MarkoJS application’s architecture, user journeys, performance requirements, and supporting systems. The GermainUX team can help configure the appropriate monitoring scope, privacy controls, analytics, alerts, and automation for your environment. Please contact us for any help.

Get Help

Contact GermainUX Support

The GermainUX team helps you get up and running faster, empower your team, turn data into actionable insights, and optimize performance to deliver measurable business outcomes.

Can't find what you need?

Search all GermainUX docs with Ctrl + K, or use the feedback buttons at the bottom of this page to tell us what is missing.

The content of this document is proprietary to GERMAIN SOFTWARE.