Setup Segment Tracking (Google Analytics, Adobe Analytics, etc.)

The analytics build into the Frontify Style Guide already gives you a convenient way of how often your guidelines or parts of it are consumed by users. However, there is times you may want to dig deeper and get more insights on the type of users, what and where they download files, videos they watch or just how the navigate over your guidelines. This is when you need to hook up your analytics tool to Frontify. Here's how.

What is Segment?

Segment.com is a cloud service that allows you to connect business applications like Frontify to 200+ analytics applications like Google Analytics. By supporting Segment, we allow you to get insights on Style Guide usage in your system of choice.

Segment is free for up to 1'000 users per month. You'll need a Frontify Enterprise plan to use this feature.

What is tracked?

Currently, we're tracking document, page and section views as well as the user login method, downloads and played videos. This allows you to analyse a variety of metrics regarding your Style Guide content, e.g. No of Views per Page, Read Time, Bounce Rate, Demographics & more. Please let us know if you need more metrics from your Style Guide.

Step 1: Prepare Segment to use in Frontify

First, you have to create a new Segment account. After logging into Segment, you need to add a new JavaScript source with your Frontify domain as the "Website URL", e.g. "company-12345.frontify.com" or your custom domain.

Once you've added the new source, copy your Segment Key (You'll need it later) and create a new destination with "Add Destination".

Step 2: Enable Segment in a Style Guide

Scroll down to the "Segment" section and toggle "Enabled", then configure your Segment Key (see above) to enable tracking. You've successfully setup Segment integration and the data now flows into your destination system(s).

⚠️ You have to repeat this step for every Guideline you like to connect with segmenta.) If you like to track all your Guidelines in one report, use the same segment key in every Guidelineb.) If you like to track each Guideline in separate reports, use different segment keys. Which means you have to create several Segment sources.

Step 3: Test your Segment Integration

The best way to test your integration is in the segment debugger. Open your source and do some downloads on your Guideline. You should see tracking results in segment debugger instantly.

⚠️ If you have any active privacy protection or adblocker extensions in your browser, segment won't be able to track your events.

Step 4: Connect Segments with your analytics tool

To create your personal reports, Frontify sends the following dimensions.

Default dimensions

If you connect e.g. Google Analytics, this properties are displayed in all default reports.

Adapt Segment

E.g. for Google Analytics there is an option at the destination -> settings (sproket icon) -> 'Custom Dimensions'. Fill in the custom dimension names (E.g. 'url', 'filename', etc.) and a the index number. Further informations: Configure Segment for custom dimensions