Adding Google Analytics to in5 Output without Coding

Google Analytics is the industry standard for web and app analytics.

These slides will show you had add Google Analytics tracking to your project in a matter of minutes.

Outline Why Track with Google Analytics?

Setting Up Google Analytics

Getting the Tracking ID

One-step Setup with in5

Viewing Your Tracking Data

Analytics are a great way to track the effectiveness of your designs, e.g.,

• Where your web and app visitors are coming from.

• Which pages are viewed most (and least).

• Which devices, browsers, and languages are used most.

• How long visitors stay on your pages.

This information is extremely valuable for improving designs, maximizing traffic, and increasing revenue.

Best of all, it’s free to sign up for Google Analytics.

Setting up Google Analytics

If you have not yet created a Google Analytics account, follow these simple instructions to set one up.

Getting the Tracking ID

The Tracking ID is the unique bit of info that will connect your project with your Google Analytics account.

Once logged into Google Analytics, locate Tracking Code link (in this case under Tracking Info) in the Admin section.

The screen may look slighty different if your Google Analytics ID is part of a website.

Or if it belongs to an app.

Either way, all you need is the Tracking ID (starting with UA-) at the top.

Copy that code and head back to InDesign.

One-Step Setup with in5

With your layout open in InDesign, choose File > Export HTML5 with in5... to open the in5 dialog.

Click on the Analytics & Sharing section and paste your Tracking ID into the Google Analytics Tracking ID field.

That’s it! No more setup required.

(The ID will be saved with this document, so you don't have to re-open Google Analytics to mak changes).

Pro Tip: You can also include an App ID (optional). E.g.,com.example.myAppName.

This will make it easier to track inside the Analytics console, especially if you have one "property" with multiple apps.

In addition to the basic tracking functionality, in5 can monitor other events within the document:

• Pages – track which pages are viewed most and least often.

• Button Clicks – track how often buttons are clicked. So you can analyze user behavior and find out if they're interacting with your page.

Tracking Options (continued)• Audio and Video Playback – see which media are

being played in your document, and if users are engaging with your content.

• Social Sharing – see how often your document is shared using Social Sharing Buttons. Social Sharing (e.g. Facebook, Twitter, Linkedin, Google+) is built into in5 and available with a single click as well.

Viewing Your Tracking Data

As soon as you post your HTML files to a web server, Google Analytics will begin collecting data (though it will

probably take a few days before the data is available).

How do I know it's working?

A few days can be a long time to wait before you find out your project is tracking data properly.

To get instant feedback in the browser, install the Google Analytics Tag Assistant addon for Chrome.

The Tag Assistant can show you if your Google Analytics Property is a active, and when events are triggered.

If you selected events from the in5 dialog (e.g., page view, button clicks, etc) you'll see those events being track inside the

Tag Assistant.

Take Aways

• Google Analytics is free and quick to set up.

• Adding Analytics to in5 is as simple as copy and paste.

• You can also monitor page views, button clicks, audio and video playback, and social shares with just a few clicks.

How effective is your design?

Get in5 and start tracking in minutes.

http://in5.ajar.pro