Skip to main content
ComponentsEngineJS ProfilerMobile AppRPA Bot RecorderRUM JS
Availability2017.2

Monitoring Components

Pick coverage components

Prerequisites

Confirm Webflow requirements

11. Deploy REST API Monitoring — Optional

Add API monitoring

12. Validate the Deployment

Verify before broad monitoring
Deploy Monitoring for Webflow Deploy GermainUX monitoring for a Webflow website. The Webflow Wizard creates the required UX Monitoring Profile and provides the installation instructions needed to inject GermainUX monitoring into the Webflow site.

​
Monitoring Components

Depending on the required coverage, Webflow monitoring can use: Deploy only the components required for your monitoring objectives.

​
Prerequisites

Before deployment, confirm:

​
1 Open the Webflow Wizard

Go to: Germain Workspace > Left Menu > Wizards > Webflow Start the Webflow Wizard.
Deploy Monitoring for Webflow: 1 Open the Webflow Wizard

​
2 Configure the Application

Enter the requested application information, including: Use a descriptive application name. For example: Corporate Website - Webflow - Production
Deploy Monitoring for Webflow: 2 Configure the Application

​
3 Complete the Wizard

Continue through the Webflow Wizard. GermainUX creates the applicable UX Monitoring Profile and displays the deployment instructions in the Wizard summary.

​
4 Inject GermainUX into Webflow

Follow the installation steps generated by the Webflow Wizard. Use the exact monitoring configuration generated for the selected UX Monitoring Profile. Do not manually reconstruct the monitoring configuration when the Wizard already provides the deployment instructions.

​
5 Retrieve Installation Instructions Later

The installation instructions can be reopened after completing the Wizard. Go to: Germain Workspace > Left Menu > Analytics > UX Monitoring Profiles Select the UX Monitoring Profile created for Webflow. In the Configuration Editor, select: Installation The deployment instructions for that profile are displayed.
Deploy Monitoring for Webflow: 5 Retrieve Installation Instructions Later

​
6. Publish the Webflow Site

After adding the required GermainUX monitoring configuration:
1

Publish the Webflow site

2

Open the published website in a supported browser

3

Navigate through several pages

4

Perform representative user actions

Monitoring should be validated against the published website rather than relying only on the Webflow Designer or Preview environment.
Deploy Monitoring for Webflow: 6. Publish the Webflow Site

​
7. Validate Real User Monitoring

In GermainUX, confirm that the expected Webflow data is being received. Depending on the configuration, verify:
  • User sessions
  • Page views
  • Navigation
  • User interactions
  • Page performance
  • Network requests
  • JavaScript errors

​
8. Validate Session Replay

When Session Replay is enabled:
1

Open the published Webflow website

2

Navigate through representative pages

3

Perform representative interactions

4

End the test session

5

Locate the session in GermainUX

6

Open Session Replay

7

Verify the expected activity

Before production rollout, verify that sensitive information is appropriately protected.

​
9. Deploy JS Profiler — Optional

Deploy GermainUX JS Profiler when deeper JavaScript troubleshooting is required. Use it when additional visibility is needed into:
  • JavaScript execution
  • Browser processing
  • Network activity
  • Integration activity
  • Slow application behavior

​
10. Deploy Synthetic Monitoring — Optional

Use GermainUX RPA Bot Recorder to create synthetic scenarios for important Webflow workflows. Examples:
HomepageCritical PageVerify Content
or:
HomepageFormSubmit Test DataVerify Confirmation
Use dedicated test data and ensure that synthetic scenarios do not create unwanted production activity.

​
11. Deploy REST API Monitoring — Optional

When approved Webflow REST API access is available, configure GermainUX Engine to execute the required API monitoring. Before deployment, identify:
  • API endpoint
  • Authentication method
  • Credentials or token
  • Required HTTP method
  • Request parameters
  • Expected response
  • Monitoring frequency
  • Failure conditions
Use read-only API operations whenever they satisfy the monitoring requirement.

​
12. Validate the Deployment

Before enabling monitoring broadly, confirm:
  • RUM JS loads successfully.
  • Correct Webflow application assigned.
  • Correct domain/environment assigned.
  • User sessions reach GermainUX.
  • Navigation is captured.
  • User interactions are captured.
  • Page performance is captured.
  • Network monitoring works as configured.
  • JavaScript errors are detected.
  • Session Replay works when enabled.
  • Sensitive data is protected.
  • Synthetic monitoring works when configured.
  • API monitoring works when configured.
Once deployment has been validated, continue with Configure Monitoring for Webflow.
GermainUX can help determine which monitoring, analytics and automation capabilities are appropriate for your Webflow environment.

​
Get More Information

GermainUX can help determine which monitoring, analytics and automation capabilities are appropriate for your Webflow environment. Contact GermainUX Support.

​
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.