Google Analytics integration using GTM

In this documentation, Google Analytics integration will be described when it is activated by Google Tag Manager (GTM).

How?

Step 1

First you need to create a Custom Dimension in Google Analytics. Create a Custom Dimension in Google Analytics. Make sure the Scope of dimension is "User". Choose a name like "MouseStats Visitor Id".

Step 2

In GTM, create a custom HTML tag that fires on All Pages:

<script type='text/javascript'>
var dataLayer = (typeof dataLayer == "undefined" ? [] : dataLayer)
window.onMouseStatsPlaybackStartRecording = function () {
 dataLayer = [{
    'MousestatsPlayback': MouseStatsVisitorPlaybacks.visitorId()
 }];
}
</script>

Step 3

In GTM, click on "Variables" and choose "New" to create a new GTM variable:

• Choose "Data Layer Variable" as type.
  
• Enter "MousestatsPlayback" as Data Layer Variable Name.
  
• Submit and create the variable with a custom name to be recognized by you (eg. MouseStats Playback Id Data Layer)

Step 4

Now, we have created our variable. Go back to your Google Analytics Universal Tag configuration in GTM.

• Click on "Tags"
  
• Choose your Google Analytics tag item
  
• Go to Configure Tag > More Settings > Custom Dimensions > Add Custom Dimensions
  
• 'Index' refers to Custom Dimension slot in Google Analytics, and `Dimension Value` should be: {{MousestatsPlayback}}