Install Customer Experience Badge: Google Tag Manager

Step 0 - Collect IDs

You will have to find the Application Id you need to install the Badge for.

You should find the Application Id inside your Application settings as follows:

Home > Application > Application Settings > Basic Settings

Step 1 - Create a Trigger for all pages 

e-satisfaction Badge code will load from all pages of the site.

You will be able to configure all the badge settings through e-satisfaction dashboard - click here.

Step 2 - Create the Tag

The next step is to create the Tag containing the e-satisfaction.com Badge code.

To do this in Tag manager you follow these steps: 

1. create a new Custom HTML tag

2. paste the following code inside

<script>

   (function (win, doc, tag, id, jq) {

       // Define e-satisfaction badge configuration

       win.esat_badge = win.esat_badge ? win.esat_badge : {};

       win.esat_badge.application_id = id;

       // Setup script

       var ref = doc.getElementsByTagName(tag)[0],

           el = doc.createElement(tag);

       el.async = true;

       el.src = ' https://cdn.e-satisfaction.com/clients/badge/v3.0/js/badge' + (!!jq ? '' : '.jq') + '.min.js';

       ref.parentNode.insertBefore(el, ref);

   })(window, document, 'script', '<APPLICATION ID>', true);

</script>

The last step in setting up the tag is to specify that it will displayed on all pages. The final image of the Tag settings is the following: