Menu

Integrate with Google Analytics

Use Google Analytics to track usage on your calculator.

If you already have Google Analytics loaded on your website you just need to go in your InteractiveCalculator account to Settings / Integrations / Enable Google Analytics event tracking

Now whenever someone interacts with your calculator (clicking, typing, submitting the calcualtor, etc), the events will be sent to your Google Analytics account. You can check the events in your Google Analytics account Events section.

How to integrate with Google Tag Manager

If you use Google Tag Manager you'll need to set your triggers in Google Tag manager, based on the following events:
calculatorLoaded = calculator was loaded
interaction = there was an interaction with an element
submit = the calculator was submitted
redirect = the calculator redirected to another url

You will then create variables for each of category, label, action. The variables will be type DataLayer.
You will then create the tags for each trigger (interaction, submit, etc)

After that just publish the settings in Google Tag manager and test it by using your calculator.

Calculators loaded in iframes (like Wix)

Sometimes the calculator is loaded inside an iframe (Wix loads calculators like this)

In that case you need to also manually add Google Analytics to your calculator.
Go to Settings / Design / Custom Javascript Code and add this code (make sure you replace UA-XXXXX-Y with your Tracking ID):

(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','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview');

As always, contact us if you need any help!

Need Help?
Can't find the answer in the help docs? We are quick to answer and friendly :) Thanks! We'll be back with a reply soon.
Send