Skip to content

Google Analytics

Integrating Google Analytics into a Zapworks Designer project supplements and enhances the data gathered from Zapworks Analytics. Monitoring web traffic using Google Analytics can help to measure progress against business goals such as m-commerce sales, brand engagement (dwell time), lead generation and social shares.

For an introduction to Google Analytics, please take a look at the Set up Analytics for a website and/or app article by Google.

Adding Google Analytics to Designer projects

Section titled “Adding Google Analytics to Designer projects”
Setting up Google Analytics in Zapworks Designer

To set up analytics for your Zapworks Designer project, you must have a tracking ID. Please see the guide below to learn how to find your project’s tracking ID.

Adding your project to Google Analytics: Step-by-step

Section titled “Adding your project to Google Analytics: Step-by-step”

The following section describes how you can add your project to Google Analytics and find your tracking ID.

  1. Go to Google Analytics and sign in.

  1. Create a new account if you do not have one prepared. To create a new account, click on the cog icon in the bottom left of the screen to open the Admin panel and then click on Create account. Follow the instructions provided by Google to create your new analytics account.
Creating a new Google Analytics account
  1. If you are not already in the Admin panel, be sure to do so by clicking on the cog icon to the bottom left of the screen. Then, click on Create property and follow the instructions provided by Google.
Creating a new Google Analytics property
  1. When you have created your new property, make sure that it is selected and then click on Data Streams. Create a new Web platform data stream.
Creating a new Google Analytics data streamy
  1. Add the Website URL of your project and give it a Stream name. When you are done, click on Create stream.

  1. Find your data stream’s Measurement ID. This is the tracking ID intended for use in Zapworks Designer.

  1. Once you have copied your Measurement ID, go to https://my.zap.works and open up your project in Zapworks Designer. Find the Project Properties panel, to the right of the canvas.

  1. Click on the Analytics menu option.

  1. Click on the Choose provider drop-down and select Google Analytics.

  1. Enter your data stream’s Measurement ID into the tracking ID input box, and click Save.

You may add more than one analytics provider to your project.

  1. Click on Publish in the top right of the navigation to publish your project and start sending analytics to your Google Analytics dashboard.

Analytics will not be logged when you preview your experience. To start logging data, your project must first be published.

Zapworks Designer will automatically log actions taken by a user, such as when a video is played or an external link is followed. Google Analytics does not show these events by default, so you must add them as custom events manually.

It can take up to 24 hours for Google to show project analytics or allow the creation of custom event tags.

  1. Click on the cog icon in the bottom left of the screen to open the Admin panel and find the Custom definitions panel on your chosen property.

  1. Click on Create custom dimensions. Enter the following information:
  • In the Dimension name input field, type event_category.
  • The Scope should be left as Event by default.
  • In the Description input field, type event_category.
  • In the Event parameter input field, type event_category.

When you are done, click on Save.

  1. When you have saved your first custom dimension, click on Create custom dimensions again. Enter the following information:
  • In the Dimension name input field, type event_label.
  • The Scope should be left as Event by default.
  • In the Description input field, type event_label.
  • In the Event parameter input field, type event_label.

When you are done, click on Save.

  1. Once your custom definitions have been saved, you may view them by first clicking on Reports in the left navigation menu, then selecting Engagements. You can then select the Events tab to monitor your custom events.

Most events are automatically logged by Designer. See the table below for some common interactions that users may have with your experience.

EventDescription
Link socialShows when a user has tapped on a particular component to launch a social platform.
Link pageShows when a user has tapped on a particular component to launch an external website.
Link sceneShows when a user has tapped on a particular component to go to another scene.
Scene viewShows when a user has viewed a particular scene.
Play videoShows when a user has tapped on a particular component to play a video.
Animate modelShows when a user has tapped on a particular component to animate a 3D model.
Dial numberShows when a user has tapped on a particular component to dial a phone number.
Compose emailShows when a user has tapped on a particular component to compose an email.
Save contactShows when a user has tapped on a particular component to save a contact.
Play soundShows when a user has tapped on a particular component to play an audio file.
Enlarge ImageShows when a user has tapped on a particular component to enlarge an image.

If you have access to the AR Web Embed trigger, you will see exclusive events for your AR Web Embedded content.