Set up event tracking for CRO Buttons application on Shopify
📈 Google Analytics
CRO Buttons is installed directly on your Shopify store. Its goal is to increase the conversion rate of the website. So, how do we know if it's effective or not?
The best answer is by collecting actual data using popular tools such as Google Analytics. You can see an example of Google Analytics results in the picture below.
Event category report captured in Google Analytics Dashboard
Event action report captured in Google Analytics Dashboard
Event label report captured in Google Analytics Dashboard
To get started, follow the instructions below.
1. Make sure you only enable Google Analytics once
Enabling Google Analytics more than once results in inaccurate data. If you've never enabled Google Analytics for your store before, skip to Step 2. Create a Google Analytics Account (Universal Analytics).
If you are not sure whether Google Analytics is enabled or not, follow these steps:
1.1: From Shopify Admin
Go to Website > Options
In the Google Analytics section,
- If you see a code which starts with
UA, Google Analytics is enabled and you can skip to Step 4. Set up event tracking in CRO Buttons.
- If there is no code, try using Tag Assistant Chrome Extension to make sure it's not enabled somewhere else.
1.2: Using Tag Assistant Chrome Extension
The next method is to use the Tag Assistant for Conversions Beta extension.
Follow the link using Google Chrome to download and install the extension by clicking Add to Chrome. Click Add extension in the popup that follows.
After the extension is installed, follow the instructions in this video to check if Google Analytics is enabled:
- Google Analytics is already enabled: watch video
If the message Google Analytics account UA-00000000-0 was found on the page is shown, it means Google Analytics is properly set up and you can skip to Step 4. Set up event tracking in CRO Buttons
- Google Analytics isn't enabled: watch video
If the message No Global Site Tag or Google Tag Manager tag found on the page is shown, it means Google Analytics is not enabled and you can continue to Step 2. Create a Google Analytics Account (Universal Analytics)
2. Create a Google Analytics Account (Universal Analytics)
You need a Google account to use Google Analytics. If you already use a Google product such as Gmail or Google Ads, you can use the same account for Google Analytics.
If you don't have one, create a Google account and use it for Google Analytics.
After you have a Google account, you need to Create an Analytics account and follow these steps:
- Step 1: Go to analytics.google.com and click Start measuring.
Go to Google Analytics page and click Start measuring
- Step 2: Enter the Account name (it can be anything you like) and click Next
Enter Account name and click Next
- Step 3: Enter Property name, choose a reporting timezone and a currency based on your preference
Property setup
To add Google Analytics to your store, you have to enable Universal Analytics.
Click Show advanced options and turn on Create a Universal Analytics property
Enter the URL of your store. Choose protocol (http or https).
Next, you can choose either option:
Option 1: Create both a Google Analytics 4 and a Universal Analytics property.
Option 2: Create a Universal Analytics property only.
Google Analytics 4 (GA4) is a new property type which offers different reports than you would normally have in Universal Analytics (UA) property. One major advantage of the GA4 property is that you can use it for websites, mobile apps or both at the same time. Universal Analytics property only supports web pages.
For this tutorial, option 2 (Universal Analytics property only) is enough to allow Google Analytics to record events in CRO Buttons.
In case you want to track data on both GA4 and UA property, you can choose option 1.
Create a Universal Analytics property and click Next
- Step 4: Choose appropriate Industry category and Business size for your website
Choose appropriate Industry category and Business size
- Step 5: Read and accept the Term of Service Agreement
Read and accept the Term of Service Agreement
- Step 6: Copy Tracking ID in Property Settings.
Copy Tracking ID in Property Settings
If you cannot find the Tracking ID, follow the quick guide below.
Go to Admin, choose property you want to get the tracking id, click Property Settings
3. Enable Google Analytics for Shopify website
Go to Shopify Admin > Website > Options.
Paste the Tracking ID into Google Analytics Code and click Save
Paste the Tracking ID into Google Analytics Code
Google Analytics is enabled on your store
You can now track user interactions on your website via Google Analytics.
4. Set up event tracking in CRO Buttons
User interactions on CRO Buttons can be tracked using the advanced Event Tracking feature in Google Analytics.
CRO Buttons offers an easy way to add advanced Event Tracking features to the app without editing the source code. Just follow these simple steps:
This feature only works when Google Analytics is set up properly on your website.
Go to Shopify Admin > Apps > CRO Buttons
Access CRO Buttons app admin
In CRO Buttons app Admin, choose Buttons > Default view / Product view
Choose a button > Click Action > Click Edit
Edit a button
In Editing Popup, go to Tracking > Click Google Analytics > Enter the event names.
Enter the event names
GA Event Category: the name you give to a group of similar events. For example:
- Call is used for all events related to the Call button.
- Message is used for all events related to the Message button
- Form is used for all events related to forms
GA Event Action: is the type of interaction you want to track. For example:
- Click is used if customer clicks something
- Input is used if customer enters something to a form field
- Submit is used if customer submits a form
GA Event Label: the unique identifier for an element, mostly used to provide additional information such as product name, video title or url. For example:
- You have two call buttons on the same page, they’ll all have ‘Call’ as the event category and ‘Click’ as the event action. The event labels can be their respective titles, so you can have distinct views of these buttons in your reporting.
Next step, you click Done > Save Settings
You want to track the following buttons:
- Support (Call)
- Complain (Call)
- Contact (Open Form)
- Contact Form (Submit)
- Add to cart (Mobile)
- Add to cart (Desktop)
First, you should determine the names of the Events above (Event Category, Event Action, Event Label). See the sample below:
| Buttons | Event Category | Event Action | Event Label |
|---|---|---|---|
| Support | Call | Click | Hotline-support |
| Complain | Call | Click | Hotline-complain |
| Contact (Open Form) | Contact Form | Click | Form-contact-open |
| Contact Form | Contact Form | Submit | Form-contact-submit |
| Add to cart (Mobile) | Add to cart | Click | Add-to-cart-mobile |
| Add to cart (Desktop) | Add to cart | Click | Add-to-cart-desktop |
Next, you will set up event tracking for each button according to the pre-determined template above (see screenshot)
You need to follow these steps to set up Submit Buttons on the contact form. Go to Add-ons > Contact Form > Tracking > Google Analytics
After all buttons are set up, you should test if all of them are tracked by following the next step.
5. Review the event tracking report
Google Analytics only appears after 48 hours so even when you've set everything up, you won't be able to see any data immediately.
However, you can still interact with the buttons and see the date in real time in the Realtime > Event section.
Events are tracked according to what you set up in CRO Buttons App Admin. For example:
- You will see three Event Categories: Call, Contact Form and Add to cart
- For each Event Category, Event Actions are identified by Event Label. Therefore, to have a clear report, you need to have distinct Event Labels.
The same action is Click to call, but the purpose is different. You can still easily categorize it for separate tracking
- Same thing for Contact Form and Add to cart reports.
✍ Facebook Pixel
After following the tutorial above, you have successfully set up tracking for CRO Buttons. If you have any questions during the process, please contact [email protected]