Google Tag Manager Overview
Spiffy lets you easily integrate Google Tag Manager, giving you the ability incorporate useful tools like like Google Analytics and a wide range of third-party applications, like chat/help windows!
We do the heavy lifting of automatically installing Google Tag Manager <Header> and <Body> code on all of your checkout pages, when you integrate Google Tag Manager with Spiffy, using your Tag Manager ID!
TIP: If you are embedding Spiffy Checkouts on your website, you will most likely want to add Google Tag Manager directly to your website, and not to Spiffy. This will prevent doubling up on loading code for your analytics and 3rd party apps like Chat/Help apps.
To begin, you will want to set up a 'Workspace' in your Google Tag Manager for your Spiffy URL. (eg: SpiffySupport.Spiffy.co)
You can visit your Google Tag Manager 'Account' page at https://tagmanager.google.com/#/home to get started
If you don't have an Account container set up yet, you will be able to add one here:
If you already have an Account container set up, Just click on the 'Container Name' to enter the workspace
Clicking on the 'Container Name' will take you into your 'Workspace', where you will set up your tags, and obtain your Google Tag Manager ID to integrate with Spiffy!
Copy your Google Tag Manager ID, You will need it for the next step of integrating with Spiffy.
Next, you will want to navigate to your Spiffy account dashboard, so that we can get Google Tag Manager integrated.
With your Google Tag Manager ID copied, navigate to your Spiffy account, click on the 'Profile' icon and select 'Integrations' and then select 'Google Tag Manager' from the integrations list:
Just paste your 'Google Tag Manager ID' that you have copied, into the field, and click ' Enable Google Tag Manager'
Once this is done, Spiffy will automatically install your Google Tag Manager <Header> and <Body> code onto all of your checkout pages, upsell pages, and Spiffy Thank-you pages.
IMPORTANT INFO ON GTM TRIGGER SETTINGS FOR GOOGLE ANALYTICS:
If you are using our hosted checkout URL, the Spiffy Thank You page, and/or our Upsell, you will need to adjust some settings with your Google Tag Manager Triggers, in order for Google Analytics track conversions and analytics effectively.
Spiffy Checkouts is what's called a Single Page App, meaning that the page does not refresh when your customer goes from the Checkout to the Upsell, or from the Checkout to the Thank You page. This is what allows Spiffy to load so fast. You will need to configure your Google Tag Manager Trigger settings to fire on a the browser History change, not on a Pageview.
Click here for how to setup a History Change trigger.
This does not apply in these scenarios:
Spiffy Checkout and redirecting to a custom Thank You page
This does apply in these scenarios:
Using the hosted Spiffy Checkout and the hosted Spiffy Thank You Page
Using the hosted Spiffy Checkout with Spiffy one-click upsell and redirecting to a custom Thank You page
Using the hosted Spiffy Checkout with Spiffy one-click upsell and the Spiffy Thank You page
Note: If you are using custom thank-you pages on your Spiffy checkouts, you will want to integrate Google Tag Manager with the site that your Thank You page is hosted on, as Spiffy won't have any control over those pages.
You are now ready to set up tags in Google Tag Manger! When you finish setting up a tag, Google provides the installation code for the <Header> and <Body> of your page, but you will be able to skip that step, because, as mentioned above, Spiffy automatically includes this code on every Checkout, when you have Google Tag Manager integrated!
You may need specific tags to fire on separate pages of your Checkout (eg: Main Checkout, Upsell Page, Spiffy Default Thank-You page) Here are the URLs for those pages. (The portions of the URL in bold will need to be replaced with your Spiffy app name and specific checkout's URL/Checkout Name)
Main Checkout URL: https://YourAppName.Spiffy.co/checkout/Your-Checkout-Name
Upsell Page (If your Checkout offers one): https://YourAppName.Spiffy.co/checkout/Your-Checkout-Name/offer
Default Spiffy Thank-You Page: https://YourAppName.Spiffy.co/checkout/Your-Checkout-Name/thanks
Please let us know if you have any questions about integrating Google Tag Manager at Support@Spiffy.co
Always here to help