Google Analytics, AutoComplete & Advanced Tracking Scripts

Bold Subscriptions V1 supports a wide variety of integrations to help you record detailed information when a customer visits and places an order on your store.

Basic eCommerce Tracking (with a tracking ID provided by Google Analytics) allows you to automatically track three events:

  • When a customer enters their address.
  • When a customer enters their payment information.
  • When a customer successfully completes their purchase.

Advanced eCommerce Tracking allows you to use and test any form of tracking script, as well as skip the tracking of the Successful Checkout event. Scripts entered into Bold Subscriptions' Advanced eCommerce Tracking will fire at the same time as the Thank You Page, and any sensitive data will already be removed from the DOM.

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

 Alert

Please note that this article only relates to Version 1 of Bold Subscriptions. If you have Version 2 of Bold Subscriptions installed on your store, please visit Subscriptions V2 Overview.

If you are unsure of which version of Bold Subscriptions that you have currently installed, please visit Identify Your Version of Bold Subscriptions.

 


 

  1. Create a Google Analytics account.
  2. Open Bold Subscriptions V1 through your Shopify admin.
  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.

 


 

  1. Open Bold Subscriptions V1 through your Shopify admin.
  2. Select Integrations, then View All Integrations.
  3. Select Advanced Tracking Scripts.
  4. Select Enable Custom Tracking Scripts for Successful Purchases.
  5. Enter your custom tracking script(s).

 


 

Limitations

  • You must use JavaScript. Liquid code and HTML code are not supported for script variables, as the correct values will not be populated.
  • Scripts that change styling or add elements to the DOM will not be run successfully.
  • Any script that's entered into Advanced Tracking Scripts will only run on the Thank You Page to track successful purchases.

 


 

Please ensure that your Google Analytics ID has been entered under the Google Analytics integration tab.

In order to enable Enhanced eCommerce Tracking, please follow the steps below 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 the steps below 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 store may have.

Because Bold Subscriptions' V1 checkout takes place on a different domain than your Shopify store (recurringorders.com), you will need to use cross-domain tracking 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 the steps below to setup your cross-domain tracking.

  1. From the Shopify 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 allows your customers to auto-fill their information in the checkout, as well as their searches. If your customer uses Google Chrome, they will be able to have their recently typed information come up as a suggestion.

This feature utilizes both of the Google Maps Javascript API and the Google Places Web Service API.

  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