Basic App Tagging Instructions

Use these instructions if you would like to place the tags directly to the site template, without the use of a tag manager.

Page Load Tag

This tag keeps track of general site visitor traffic, and is placed on every page of the site EXCEPT conversion pages.

1. Paste the below snippet into the <head> of every page of the website, except the conversion pages.

   *Please note: update access key where placeholder is present, leaving single quotes intact.
   Ex.) AccessKey: ‘000000000000’

   <script>
   (function (d, e, u) {
     var s = document.createElement(e);
     s.src = u;
     s.async = true;
     s.defer = true;
     var m = d.getElementsByTagName(e)[0];
     m.parentNode.insertBefore(s, m);
   })(document, 'script', 'https://cdn.datasteam.io/js/datasteampx.js');
   MGX = typeof MGX === 'undefined' ? [] : MGX;
   MGX.push({
     AccessKey: 'Your_Access_Key'
   });
   </script>

Conversion Tag

This tag records when a user completes a conversion on the site. This can come in the form of a purchase, form submitted, etc. A conversion page is the final confirmation/ checkout complete/ thank you page that displays after a user has completed a conversion action on the site.

1. Paste the below snippet into the <head> of any conversion pages.

   *Please note: update access key where placeholder is present, leaving single quotes intact.
   Ex.) AccessKey: ‘000000000000’

2. Update the OrderId and OrderTotal placeholders (SomeId/ ###.##) with the values that correspond to the ecommerce platform being used, leaving single quotes intact.
   • If order values are not needed, please input null with NO quotes
     • OrderId: null,
     • OrderTotal: null

     <script>
     (function (d, e, u) {
       var s = document.createElement(e);
       s.src = u;
       s.async = true;
       s.defer = true;
       var m = d.getElementsByTagName(e)[0];
       m.parentNode.insertBefore(s, m);
     })(document, 'script', 'https://cdn.datasteam.io/js/datasteampx.js');
     MGX = typeof MGX === 'undefined' ? [] : MGX;
     MGX.push({
       AccessKey: 'Your_Access_Key', //Must be set in MGX object or passed with commit
       Label: 'Conversion',
       Info: 'Order', //Optional piece of meta data to enable classification of different conversion
       types/events.
       OrderId: 'SomeId',
       OrderTotal: '###.##'
     });
     </script>