Update crazyegg variable programatically

[scottqueen-bixal]

Description

related:
#1745
#1735
#1736
#1724

Based on direction from crazyegg support they recommended

The new script would be called when ... the new content is loaded on the page.

ie.

This version of the page would use one version.
 
<script type=“text/javascript”>
   var CE_SNAPSHOT_NAME = “start application”;
</script>
 
Image
 
This page would use a different version, such as:
 
<script type=“text/javascript”>
   var CE_SNAPSHOT_NAME = “page one of application”;
</script>
 
and so forth...

We need to update the bf application to handle this work, this is how we will construct the name in the application

<!-- Track a specific Crazy Egg snapshot by name -->
<script type="text/javascript">
    var CE_SNAPSHOT_NAME = "{pageView}-{life-event-id}-{desktop || mobile}";
</script>

for example

<!-- Track a specific Crazy Egg snapshot by name -->
<script type="text/javascript">
    var CE_SNAPSHOT_NAME = "bf-form-1-disability-desktop";
</script>

So the values would look like this....

<!-- desktop values -->

bf-intro-disability-desktop
bf-form-1-disability-desktop
bf-form-2-disability-desktop
bf-form-completion-modal-disability-desktop
bf-verify-selections-disability-desktop
bf-result-eligible-view-disability-desktop
bf-result-not-eligible-view-disability-desktop

<!-- mobile values -->

bf-intro-disability-mobile
bf-form-1-disability-mobile
bf-form-2-disability-mobile
bf-form-completion-modal-disability-mobile
bf-verify-selections-disability-mobile
bf-result-eligible-view-disability-mobile
bf-result-not-eligible-view-disability-mobile

User Story

No response

Acceptance Criteria

• application updates CE_SNAPSHOT_NAME crazy egg value on pageView change
• the track by name value is constructed in the format {pageView}-{life-event-id}-{desktop || mobile}