Use FullStory to collect behavioral analytics for your sites

This guide shows you how to integrate FullStory with Matrix, which lets you monitor FullStory’s comprehensive behavioural analytics of your Matrix site.

For instance, Matrix can easily integrate with Fullstory’s on-the-fly (i.e. automatically-generated) analytics and conversion funnels, covering a range of extensive events, heatmaps, and video-like replays of real user sessions.

Prerequisites

For this guide, you will require:

  • A FullStory account with the Admin role - details on how to set this up are provided in the instructions below.
    For more information about FullStory’s pricing plans, consult their pricing page. Note also FullStory’s Privacy Policy and Terms and Conditions, as well as their documentation.

  • A Matrix site on which to configure FullStory - you must have admin permissions granted on this Matrix site, which is usually a Matrix Backend User with admin permissions granted at the top of the the site asset’s hierarchy.

Set up a FullStory account

The assumption here is that you want to add another user in FullStory to administer FullStory for a Matrix site within your organisation.

If you want to administer FullStory for this Matrix site, however, then you can skip to the next section.

  1. Sign in to FullStory.

  2. Click your organisation’s name at the top-right and from the right panel, click Settings to display its page.

  3. On the left, click Team Settings to display its page on the right.

  4. Click Invite teammate on the Team Settings page and in the popup:

    1. Specify the user’s Email address.

    2. Choose Admin from the right drop-down menu.

    3. Click Send invitation.

Your specified user should receive an email message through which they can sign in to FullStory.

Access the FullStory code snippet for Matrix

  1. Ensure you are logged in to FullStory.

  2. Click your organisation’s name at the top-right and from the right panel, click Settings to display its page.

  3. Ensure that FullStory Setup is selected on the left and that the Your Recording Snippet box appears in the centre of the page. (Otherwise, click the FullStory Setup link.)
    Keep this page open.

Set your FullStory configuration in your Matrix site

  1. Ensure you are logged in to your Matrix site in admin mode and have admin permissions to your site (according to the prerequisites above).

  2. Edit the contents of your Matrix site’s <head> asset. If you have difficulty locating this asset, it is usually located within the Configuration > Design Assets > Design Nesters folder of your site’s asset tree.
    (Begin editing this asset by right-clicking Design Nesters and choosing Content from the menu.)

  3. Back on the FullStory page with the Your Recording Snippet box, click the COPY button (at the top-right of the HTML script snippet) and paste this content into an appropriate area of your Matrix site’s <head> asset. The content of this snippet should look similar to:

    <script>
    window['_fs_debug'] = false;
    window['_fs_host'] = 'fullstory.com';
    window['_fs_org'] = 'AB1C2';
    window['_fs_namespace'] = 'FS';
    (function(m,n,e,t,l,o,g,y){
        if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
        g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
        o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_host+'/s/fs.js';
        y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
        g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
        g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
        g.log = function(a,b) { g("log", [a,b]) };
        g.consent=function(a){g("consent",!arguments.length||a)};
        g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
        g.clearUserCookie=function(){};
    })(window,document,window['_fs_namespace'],'script','user');
    </script>
    If you have Google Tag Manager configured for your Matrix website, refer to FullStory’s instructions on how to integrate this code snippet into Google Tag Manager for use with your Matrix site.
  4. Click Save at the lower right in Matrix to save changes to the <head> asset.

Confirm Matrix and FullStory are correctly configured

Once you have your FullStory HTML snippet correctly configured and saved in Matrix, you will start to see active visitor sessions show up in your Everyone segment (on FullStory’s main page) as new visitors interact with your Matrix site.

© 2015-2020 Squiz Pty Ltd