Requires our beta Google Analytics integration. Contact us to request access.

You can add your Google Analytics Tracking ID to Tito so that you can track visits and purchases on your Google Analytics account.

Prerequisites

Use analytics.js

The Tito Google Analytics integration uses analytics.js, which is the newer, more flexible implementation. 

If you are using the older ga.js on your site, you can still add your tracking ID, but the data you collect may not be reliable. We recommend that you update to analytics.js.

Enable eCommerce tracking

The Tito Google Analytics integration makes use of the enhanced eCommerce tracking feature. 

In your Google Analytics account, go to Admin, then under View for the property that you want to enable tracking for, choose eCommerce Settings. Make sure that both the Ecommerce and Enhanced Ecommerce settings are switched to on.

If you want to add a funnel step, there is only one: the credit card form. You can name this "Register form" for example so that it shows up as such in reports.

Enable the linker plugin on your site

If you want to track requests that go from your site to the Tito event homepage, you’ll need to enable the Google Analytics linker plugin. Replace your Google Analytics code with the following, making sure to replace our UA placeholder with your specific details:

<script>
  // replace the sample tracking ID below with your Google Analytics Tracking ID
  var googleUA = 'UA-XXXXXXXX-X';

  // replace XYZ.com with your domain, and add in any other domains that you’d like to track requests across
  var googleDomainList = ['XYZ.com', 'ti.to'];

  // no more replacements

  (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', googleUA, 'auto', {'allowLinker': true});
  ga('require', 'linker');
  ga('linker:autoLink', googleDomainList);
  ga('send', 'pageview');

</script>

Your Google Analytics account is now ready.

Set up Google Analytics in Tito

In Tito, head to Settings  and then Services , and add your Google Analytics tracking ID and domain(s).

A screenshot of Tito. There are two fields to enter the Google Analytics tracking ID and the Google Analytics domain(s).

The Google Analytics integration works like this:

  1. When a customer lands on your event homepage, we’ll send a pageview  event, prefixed with /tito . So for example, if your event path was /ultimateconf/2013 , we’d send /tito/ultimateconf/2013 .
  2. After a customer chooses their tickets, we’ll send an event (category: tito , action: registration:started ), along with an eCommerce request that sends details of the tickets they selected.
  3. When a customer begins filling their details, we’ll send an event (category: tito , action: registration:filling ).
  4. When the registration is finished, but tickets haven’t been filled out yet, we’ll send an event (category: tito , action: registration:finished ), and we’ll send an eCommerce request to notify Google that a purchase went through.
  5. When the registration is complete, we’ll send registration:complete  event.

You can use these events to configure custom goals if you like, but Google’s eCommerce tracking should be enough to get you started with conversion tracking.

Note: For a variety of reasons, not every transaction will necessarily be tracked in Google Analytics. Some users may have disabled tracking, some browsers may not support some of the techniques we’ve used to integrate, and some browsers may have JavaScript disabled altogether. That said, the vast majority of transactions should show up.

Enable Google Analytics if you’re using the widget

Since our widget uses an embedded iframe, any hits to the widget will be recorded in a separate session, unless you explicitly pass the linkerParam from the Google Analytics Linker plugin. Here is a snippet to do that:

<script type="text/javascript">
window.titoWidgetCallback = function() { TitoWidget.build_widgets = false; TitoWidget.buildWidgetsWithGoogleAnalytics(); }
</script>

You should paste the above code after your Google Analytics loading code, but before you load the Tito code. 

If Google Analytics isn’t loaded when the widget is being built then it will wait for up to a second before giving up and building the widget anyway. This can happen if the browser is blocking Google Analytics. If you want to tweak that timeout then you can pass in a value in milliseconds:

TitoWidget.buildWidgetsWithGoogleAnalytics({timeout: 2000});

______________________

Need help with something specific? Search our FAQs section to find instant answers. 

If you can’t see what you need, drop us a line at support@tito.io or chat with us in-app and we’ll get back to you as quickly as we can.

Did this answer your question?