How to Track Infusionsoft Sales With Google Analytics E-Commerce Tracking
Note: If you’d like us to perform this integration for you, we offer a flat rate to do this for you. Please email info@convertify.io to hire us.
Tracking Infusionsoft sales in Google Analytics is a bit trickier than it needs to be. Because of the fact that the Infusionsoft cart is hosted on a different domain, cookie values are not persisted through the checkout process. Also, they do not provide variables that provide order details on the thank you page. Therefore, there are really 2 things that need to be accomplished to solve this problem:
- Setup cross-domain tracking to pass GA data from your domain to Infusionsoft’s domain.
- Use the order ID on the thank you page as well as the Infusionsoft API to fetch the necessary order information. Overall it’s a technical process that requires some code, but we’ve done all the work for you. The following instructions will walk you through step-by-step to get this precious data tracked in Google Analytics!
Note: This post assumes you have Wordpress. We will edit it soon so that it can be added to any PHP site
If you have any trouble or have any questions, _please_let us know in the comments below!
Setting Up Cross-Domain Tracking
Just in case, I’m going to assume that you don’t have Google Analytics installed on your Infusionsoft order forms.
The first thing we need to do is get our website to pass Google Analytics information to our order forms and our checkout pages. Follow the steps below:
If you have the traditional Google Analytics:
You’ll need to edit your current tracking code. Assuming your code looks like this:
<script>// <![CDATA[
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-12345-1']);
_gaq.push(['_setDomainName', 'website.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga, s);
})();
// ]]></script>You’ll need to make it look like this:
<script>
// <![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12345-1']);
_gaq.push(['_setDomainName', 'website.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
var infusionsoft_app_id = "m48"; //replace with your actual APP ID
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
document.addEventListener('DOMContentLoaded', function() {
var elements = document.querySelectorAll("a");
Array.prototype.forEach.call(elements, function(el, i) {
regex = new RegExp(infusionsoft_app_id + ".infusionsoft.com");
if (regex.test(el.getAttribute("href"))) {
current_onclick = (typeof el.getAttribute("onclick") == "undefined") ? "" : el.getAttribute("onclick");
el.setAttribute("onclick", "_gaq.push(['_link', '" + el.getAttribute('href') + "']); return false;" + current_onclick);
}
});
});
// ]]>
</script>Make sure not to overwrite your original Account ID (UA-XXXXX-X) or your domain name (The part after _setDomainName'.) with the information from the example code. Also, replace the “m48” part in var infusionsoft_app_id = "m48"; with your actual Infusionsoft App ID.
If you have Universal Analytics
You’ll need to append some code to your current tracking code. Assuming your code looks like this:
<script>
// <![CDATA[
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-XXXXX-X', 'website.com');
ga('send', 'pageview');
// ]]>
</script>You’ll want to make it look like this:
<script>
// <![CDATA[
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-XXXXX-X', 'website.com');
ga('send', 'pageview');
ga('require', 'linker');
ga('linker:autoLink', ['m179.infusionsoft.com']); //don't forget to use your own app ID!
// ]]>
</script>Test If it’s working
Let’s see if it works! Once this change has been made, go to a page on your website that contains an “Add to Cart” button for infusionsoft. Once you click it, look at the URL on the next page. If you have traditional analytics, your URL should look like this now:
https://m179.infusionsoft.com/app/orderForms/Product?__utma=145477216.1430762516.1392159380.1392937143.1392989453.7&__utmb=145477216.4.10.1392989453&__utmc=145477216&__utmx=-&__utmz=145477216.1392159380.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none)&__utmv=-&__utmk=244849413
If you have universal analytics, your URL should look like this: https://m179.infusionsoft.com/app/manageCart/showManageOrder?_ga=1.38339491.1087305745.1390089092&clearCart=true&subscriptionPlanQuantity=1&subscriptionPlanId=9&cartSkinId=8632&productId=692&productQuantity=1
I’ve bolded the information that should be appended assuming it’s working. Once this is done, you’re ready for the next step! If you’re having trouble, please let us know in the comments below!
Adding Tracking to Infusionsoft
Now we need to get Infusionsoft to use this information in the URL. You’ll need to add the tracking code to the following 2 areas in Infusionsoft:
- Shopping cart footer: Located at Ecommerce » Ecommerce Setup » Shopping Cart Themes » Edit Theme » HTML Areas » Custom Footer
- Order Form Footer: Located at Ecommerce » Ecommerce Setup » Order Form Themes » Edit Theme » HTML Areas » Custom Footer
Copy the following code into each area, making sure to replace the account ID and domains below with your appropriate information:
Traditional Analytics Code:
<script>
// <![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12345-1']);
_gaq.push(['_setDomainName', 'm179.infusionsoft.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
// ]]>
</script>Universal Analytics Code:
<script>// <![CDATA[
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', <strong>'UA-XXXXXX-01', 'm179.infusionsoft.com' 'auto', {
'allowLinker': true
});
ga('require', 'linker');
ga('linker:autoLink', ['website.com'] ); //replace with your actual domain
ga('send', 'pageview');
// ]]></script>Once that’s done, cross-domain tracking is set up! Now it’s time to get your site hooked up to the Infusionsoft API.
Pulling E-Commerce Data From Infusionsoft
Now we need to get Infusionsoft to pass data back to our site, and into google analytics. Before we start, we’ll need to grab our API key from Infusionsoft. Here’s a quick GIF showing how to generate one if you haven’t already:
Wordpress Instructions
We’ve provided here a plugin that will make the rest of the process a piece of cake. Start by downloading the appropriate plugin:
Note: credit for the files used goes to Mindshare Studios as these are just slightly modified versions of their code.
If you have traditional analytics: Download
If you have universal analytics: Download
Once downloaded, login to wordpress, go to Plugins > Add Plugins, and upload the ZIP as a new plugin.
Once the plugin is installed, go to Settings -> Infusionsoft Google Analytics and enter your Infusionsoft App ID as well as your API Key there and save.
We’re almost there!
Next, in Wordpress, go to Appearance » Editor. On the right menu, click for the “Footer” link. Now scroll to the very bottom of the editor, and right before the closing tag, paste the following code:
<?php isset($_REQUEST['orderId']) && do_shortcode('[infusionsoft-google-analytics]'); ?>If you haven’t done so already, set up a thank you page on your Wordpress site. Then, use this page as the thank you page for ALL your order forms as well as your shopping cart, and make sure to check the “Pass contact’s information to Thank You page” setting (see below).
The code we put in the footer of your Wordpress runs globally, so you can set up multiple thank you pages and if you want, and it will still work as long as the page is on Wordpress.
That’s it - you’re done!
Hope that wasn’t too hard! Now, just wait and watch the data roll into google analytics! If all goes well, you will start seeing data in google analytics under Conversions » Ecommerce » Overview, and it should look something like this:
If you have any trouble, please comment below and we’ll try to help. Enjoy!
