Set up a single page application

mPulse supports a variety of SPA frameworks such as AngluarJS, Backbone.js, Ember.js, and React.

You can configure an existing web app for single page application (SPA) as described here or you can select a SPA framework when you create a web app. For more information on SPAs and configuration options, see Singe Page Apps.

How to

  1. In mPulse, click Central.
  2. In the left pane, click Apps, then double-click the app that you want to use for your SPA.
  3. Click General.
  4. In the SPA Framework menu, select a SPA, then click OK to save the configuration.

Increase resource buffer

Single page applications and long pages might surpass the default 250 resource buffer set by browsers. This would result in lost or unreported data. To increase this buffer, enter a custom value to the Customer Resource Timing Buffer Size field in your property, in Property Manager.

  1. In Property Manager, select the property you want to edit and either select a version or create a new version to edit.
  2. Go to the Property Configuration Settings section and click to choose the rule that has the mPulse behavior.
  3. Enter a value for the Custom Resource Timing Buffer Size field.
  4. Click Save.

In order for the changes to take place you must redeploy this property.

Clear resource timing buffer on soft navigation

For single page applications it is recommended that you clear the resource timing buffer on soft navigation using the boomerang configuration "ResourceTiming.clearOnBeacon." You can set up that configuration in the Config Override section of your property in Property Manager.

  1. In Property Manager, select the property you want to edit and either select a version or create a new version to edit.
  2. Go to the Property Configuration Settings section.
  3. Click to choose the rule that has the mPulse behavior.
  4. Enter the following value in the Config Override field. Make sure not to accidentally overwrite an existing value you may have in the Config Override field.
    {"ResourceTiming": { "clearOnBeacon": true } }
  5. Click Save.

In order for the changes to take place you must redeploy this property.