Implementing Google Tag Manager with FastSpring

Overview

Google Tag Manager has built-in tag templates for AdWords Conversion Tracking, Google Analytics, DoubleClick Floodlight, Clicky, and AdWords Remarketing. Now, instead of setting up multiple external tracking instances in SpringBoard, you can just set up Google Tag Manager, which, in turn, serves all the tags and code snippets you would otherwise have to include separately on your pages. To learn more about it, sign up for a Google Tag Manager account.

FastSpring Setup

Go to SpringBoard's Store Home » External Tracking. Click Add Tracking Method. 

45.png46.png

FastSpring offers four tracking types: Google Analytics, Google Universal Analytics, Google Adwords, and custom tracking. Select Custom Tracking Method and click Next. Enter in a Name that will be used for management purposes only. Decide whether you want the tracking code to Apply to All Pages (recommended) by selecting the checkbox or only apply to the  final order completion page by leaving it unchecked.

541.png542.png

Under <body> (after), click Click to Define Content. Paste in the code snippet that Google Tag Manager provided when you created a container.

543.png

Make the following changes (as shown below for comparison):

  1. Delete <!-- Google Tag Manager --> from the beginning and delete <!-- End Google Tag Manager --> from the end
  2. After <script> add <![CDATA[
  3. Before </script> add ]]>
Snippet provided by Google Tag Manager Snippet after Necessary Changes
<!-- Google Tag Manager --> 
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f)
})(window,document,'script','dataLayer','GTM-XXXXXX');</script> 
<!-- End Google Tag Manager -->


<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script><![CDATA[(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');]]></script>

Click Next. Move the tracking method to Active Status. Finally, remember to deactivate your Google Analytics and other external tracking methods that you now have set up to be served via Google Tag Manager.

544.png

We're Here to Help

If you need assistance implementing Google Tag Manager, please open a support ticket.

Have more questions? Submit a request

Comments

Powered by Zendesk