Google Analytics, AutoComplete & Advanced Tracking Scripts

 Pro-Tip

Please note that this article only relates to Version 1 of Bold Subscriptions. Please visit Bold Subscriptions V1 & V2 Comparison for more information on determining which version of Bold Subscriptions you are currently on.

Overview

By default, Bold Subscriptions V1 will track three different events during the checkout process. If you would like to record more information when a successful order is placed on your store, this can be done by enabling basic or enhanced ecommerce Settings.

With basic tracking, you will be using the tracking ID provided by Google Analytics and will be tracking three events automatically. Those events are when your customer enters their address, payment information, and when the checkout is successful.

With Advanced tracking, you will be using the Tracking Scripts provided by Google Analytics, and will skip tracking the "Successful Checkout" event. You can customize this script to your needs; however, this method is mainly recommended for Merchants who have a good understanding of Javascript.

If you choose the advanced method, you can test any tracking scripts, and will not be limited to just Google Analytics. This script will also fire at the same time as the "Thank you" page on your store. At this time, any sensitive data has already been removed from the DOM.

All the information that is tracked for Bold Subscriptions V1 can be found in Google Analytics under Behavior > Events > Top Events > Event Action.

 


 

Setup

To set up Google Analytics in Bold Subscriptions V1, follow these steps:

  1. Create a Google Analytics account.
  2. Open the Bold Subscriptions V1 app through Shopify.
  3. Select Integrations, then View all Integrations.
  4. Select Google Analytics.
  5. Under "Google Analytics Tracking ID", enter your Google Tracking ID.

    Note: If you prefer to use a custom tracking script, select the "Tracking Scripts" tab, then select the Enable Custom Tracking Scripts for Successful Purchases checkbox and paste the script you copied in the box provided. This will help you customize to your needs.

    Tracking Scripts

  6. Select Save.

By following these steps, ensure that your Google Analytics ID has been entered under the Google Analytics integration tab. 

To enable Enhanced eCommerce Tracking, please follow these steps after the Google Analytics code has been added to Bold Subscriptions V1:

  1. Log into your Google Analytics Account.
  2. Select Admin.
  3. Select Ecommerce Settings.
  4. Set "Enable Ecommerce" to ON.
  5. Select Next Step.
  6. Add a funnel step for "Checkout labeling funnel steps" and enter RO - Enter Payment Information.
  7. Add a funnel step for "Checkout labeling funnel steps" and enter RO - Purchase Complete.
  8. Add a funnel step for "Checkout labeling funnel steps" and enter RO - Purchase Complete.
  9. Once completed, press Submit.

    Select Submit

To enable Basic eCommerce Tracking, please follow these steps after the Google Analytics code has been added to Bold Subscriptions V1:

  1. Log into your Google Analytics Account. 
  2. Select Admin.
  3. Select Ecommerce Settings.
  4. Set "Enable Ecommerce" to ON.
  5. Select Next Step.
  6. Select Submit.

Google Analytics allows you to maintain tracking sessions across different domains that your website may have. Because Bold Subscriptions' V1 checkout takes place on a different domain (recurringorders.com) than your Shopify store, you need to use it to track your customers through the entire checkout process.

If you know where your existing Google Analytics Tracking code is, you can replace it with what is shown here or follow these steps to set it up:

  1. From Shopify's admin, select Online Store.
  2. Select Preferences.
  3. Copy and paste this code in the Google Analytics account box:
    <script>
    ga('create', 'YOUR GOOGLE ANALYTICS ID HERE LIKE UA-XXXXX-Y', 'auto', {allowLinker: true});
    ga('require', 'linker');
    ga('linker:autoLink', ['your custom domain mystore.com', 'your myshopify domain mystore.myshopify.com', 'recurringcheckout.com'], false, true);
    </script>
  4. Be sure to replace the UA-XXXXX-Y in this code with your Google Analytics ID:

    Replace code with your on Google Analytics ID

  5. Replace the your custom domain mystore.com text with your stores domain name.
  6. Replace your myshopify domain mystore.myshopify.com with your myshopify domain.
  7. Select Save.

Google Autocomplete is a feature within Google search that is designed to auto-fill information for your customers, as well as searches that are typed. If your customer uses Chrome specifically, they will be able to have their recently typed information come up as a suggestion for them, providing a quicker way for your customers to check out on your store.

This feature utilizes Google Maps Javascript API, and Google places web service API. When creating the project below, a billing account through the Google Maps platform is required to continue. This only takes a few minutes to set up.

To use Google Autocomplete with Bold Subscriptions V1, follow these steps:

  1. Log into the Google API Console.
  2. Select Select a project.
  3. Select your project. If you do not have a project yet, you would instead select Create Project.
  4. Enter a Project name.
  5. Select Create Billing Account.

    Note: Google Cloud accounts require you to enter additional payment information for the API to work correctly. When you enable billing, Google provides you with $300 of free usage every month for Maps, Routes, or Places. Visit Add, remove, or update a payment method (links to Google) for more information on setting up billing for Google Cloud Services.

  6. Select Browse to choose a location.
  7. Select the location, then choose Select.
  8. Select Create.
  9. Look for the Google Places API Web Service and Google Maps Javascript API.

    Look for APIs

    If the APIs are not listed, they can be enabled with the next steps:

  10. Select ENABLE APIS AND SERVICES.
  11. Search for Places API, and select it.
    Search Places API and enable
  12. Select Enable.
  13. Search for Google Maps Javascript API.
  14. Select the Google Maps Javascript API, and Enable this one.
  15. Select Credentials. If there are no credentials, you will need to create one.
  16. Select API Key.
    Select Key API
  17. Select the API Key Name.
  18. Under "Key restriction", review what is selected:
  19. If "HTTP referrers (websites)" is selected, enter recurringcheckout.com in the "Accept requests from these HTTP referrers (websites)" field.
    Enter recurringcheckout.com
  20. Select Save.
  21. Copy the API key.
  22. Open the Bold Subscriptions V1 app through Shopify.
  23. Select Integrations, then View all Integrations.
  24. Enter Google Autocomplete.
  25. Enter the API key, and select Save.
Was this article helpful?
0 out of 0 found this helpful