How to add SessionCam using Google Tag Manager

In this article we discuss firing the SessionCam recording tag into your sites pages via Google Tag Manager. Below we take you through step-by-step on to set this up.

These instructions assume that you have Google Tag Manager setup and you have access to create new Tags on your account.

To begin the process, log in to your GTM account and click "New Tag".

GTM_1.jpg

This will open up the new tag screen.  To begin with, you will need to enter a tag name of your choosing.

GTM_2.jpg

If you then click on the ‘Tag Configuration’ box, this will open up a list of tag types you can use. You need to select ‘Custom HTML’.

GTM_3.jpg

At this point, you will need to add the following SessionCam code snippet into the html box.

<script type="text/javascript"> 
<!-- SessionCam Client Integration v6.0 -->
//<![CDATA[
var scRec=document.createElement('SCRIPT');
scRec.type='text/javascript';
scRec.src="//d2oh4tlt9mrke9.cloudfront.net/Record/js/sessioncam.recorder.js"
document.getElementsByTagName('head')[0].appendChild(scRec);
//]]>
<!-- End SessionCam -->
</script>

 

GTM_4.jpg

Once you have set the html that is going to be fired in to the page, you then need to set the rule this is going to action this. You do this by configuring your trigger.

To do this, click on the ‘Triggering’ box.

GTM_5.jpg

This will open up a list of all of your existing triggers you have configured.

For best results we suggest triggering the SessionCam tag using a 'DOM Ready' trigger; this means that SessionCam will not begin recording your pages until the DOM (and in most cases this means all page content) has loaded.

If you do not have an existing trigger configured this way then you can create a new trigger by clicking the ‘+’ symbol in the top right of the screen.

GTM_6.jpg

Just like naming your tag, you will need to give your trigger a name.

GTM_7.jpg

If you then click on the ‘Trigger Configuration’ box, this will open up a list of trigger types you can use; select ‘DOM Ready’.

GTM_8.jpg

Once this has been set, you can then click the ‘Save’ button in the top right of the page and this saves your trigger for you and applies this to your tag you are setting up.

GTM_9.jpg

You will then be taken back to the previous screen, you will then be able to review the tag and triggering rules you have set up. At this point, you just need to review the configuration set up, then click the save button in the top right of the screen.

GTM_10.jpg

You will then be taken back to workspace overview. The final step in the process is to publish the tag and trigger rules you have set up so these take affect on your site. To do this, you will see the ‘Submit’ button in the top right of the screen.

GTM_11.jpg

This will then open up the ‘Submission Configuration’  screen. Here you will see the workspace changes you are submitting along with an area to create a version for your own records. Once you have entered the versioning details (if required), you then need to click the ‘Publish’ button in the top right of the screen.

GTM_12.jpg

You will then be presented with a Version Summary screen once the submission is complete. This is so you can review any changes you may make over time.

Once the tag is published, and if the recording status is set to ‘On’ within the SessionCam Console we will start recording immediately. 

If you require support in switching recording on/off please feel free to reach out to our support team at support@sessioncam.com