Enabling Customer Centricity

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
   (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);

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:

Step 3 - Save and Preview

e-satisfaction Badge  should now be displayed in your e-shop. Before submitting the changes, it would be good to click on preview button.

Once the page loads, the Badge tag you just created will appear and will display the Badge on the header of the page.



Was this article helpful?
0 out of 0 found this helpful

Have more questions? Submit a request