‘No pain. Just gain’ is what the new Dynamic Tag Management (DTM) promises to fulfil, with the magical ability to reduce the need for IT resourcing and put more control into a marketer’s hand.
1. Download and install the Adobe DTM switch for either Chrome or Firefox.
The switch (download here) allows you to toggle between the debug mode and staging mode for your Adobe Analytics, giving you the debugging logs on your browser’s console.
2. Use the _satellite.notify() function to display console logs.
_satellite.notify('Your console message output: ' + yourVariable, 1);
This code will create console logging that works across all browsers (even with the older versions of IE). And the best part about it is that it only shows up when debugging mode is turned on.
3. Access your variables via your browser console.
DTM code editor
Browser console (Chrome)
The Adobe objects are global and in the given example above, if you type the variable ‘s_pagename’ you can view what’s being passed to it. This allows you to understand what’s happening and not just have a ‘Black Box’ debugging approach to DTM.
Using this information as an advantage, you can easily access the properties of the ‘S Object’ by just typing in ‘s.prop1’ to see what it’s being set to.
If you have any questions about DTM’s architecture or technical details not covered here, please reach out to us – we would love to hear from you.