Google Analytics & Bold Checkout

Bold Checkout can be integrated with Google Analytics to track your customer's journey throughout your store. You can use this helpful eCommerce tool to better understand where your customers are leaving your store, and where you may need to make changes to improve conversions.

When Google Analytics is set up with Checkout and commercetools, you will be able to track your customer's activity from when they first arrive to your store, all the way to the checkout.

By default, Google Analytics will track when your customers enter their address, payment information, and a successful checkout.

Setup

1. From within Bold Checkout, select Settings > Analytics.
2. Enter your Google Analytics Tracking ID.
3. Navigate to your Google Analytics admin, select Admin > Ecommerce Settings.
4. Turn on Enable Ecommerce & Enable Enhanced Ecommerce Reporting.
5. Choose Add Funnel Step. (optional)
6. Enter your label names. (optional)
7. Add all of the labels, then select Save.

Enhanced Ecommerce

Checkout uses Enhanced Ecommerce for tracking within Google Analytics. You can choose whether or not to use this feature with your Google Analytics integration, but we do highly suggest you utilize it.

When using Ecommerce tracking, Google Analytics is able to track additional information such as:

• Your store domain.
• Checkouts order number.
• The tax and order total.
• Shipping cost total.
• The product information. (ID's, titles, quantities, prices, and variant titles)

Enhanced Ecommerce adds the ability to track funnels and you can use the following three funnel steps to track the corresponding steps for entering shipping address, payment information, and purchase complete.

Creating Goals

Using goals in Google Analytics helps allow you to measure how well your store is doing based on your target objectives.

Checkout tracks the different pages your customers land on and these are sent as page views to Google Analytics. The pages that will send a page view to google analytics are:

• "/customer_information"
• "/shipping_method"
• "/payment_method"
• "/confirmation_page"

Please know that Goals within Google Analytics are currently incompatible with Checkout's one-page checkout, as the steps are based on page views.

Setup

1. Navigate to your Google Analytics Admin, and select Admin > Goals.
2. Select New Goal.
3. Select Custom under Goal Setup. Then click Continue.
4. Under Goal Description, set a Name. (which could be anything you choose) For Type select Destination, then Continue.
5. Under Goal Details, set the Destination as Regular expression and /confirmation.
6. Turn funnels on, then set the funnel steps.
   From here, you can choose the names and funnel steps that you would like. Below are our suggestions for a basic funnel:
   
7. Select Save.

Google Analytics Scripts

Bold Checkout uses scripts to send page views and events to Google Analytics. The default script that Bold Checkout sends for Google Analytics is as follows:

ga('require', 'ec');

ga('set', 'currencyCode', BOLD.order.currency);

BOLD.order.line_items.forEach(item => {
ga('ec:addProduct', {
id: item.sku || null,
name: item.product_title,
variant: item.variant_title,
price: GoogleAnalytics.formatCurrency(item.price),
quantity: item.quantity,
});
});

ga('ec:setAction', 'purchase', {
id: BOLD.order.id,
revenue: GoogleAnalytics.formatCurrency(BOLD.order.total),
shipping: GoogleAnalytics.formatCurrency(BOLD.order.total_shipping),
tax: GoogleAnalytics.formatCurrency(BOLD.order.total_tax),
});

ga('send', 'event', 'Checkout', 'Successful Checkout');

If you believe that there are page views and events not being sent, there are tools available to help you troubleshoot.

Check the Analytics ID

Entering your Google Analytics ID incorrectly will cause issues with your analytics tracking.

The format for the ID is generally UA-########-#, where ########-# is replaced by the number associated with your Properties and App. This ID will have to match in both Bold Checkout and commercetools.

There should not be any whitespaces before, after, or within the ID above. When an ID is incorrect, it could result in all of your customers showing as abandoning their checkout.

If there is nothing in the Custom Tracking Scripts field while this feature is enabled, it will cause the script that Checkout sends by default to be overwritten.

The code you add to the custom tracking scripts cannot contain <script> tags, links to external javascript, or liquid code.

Custom Tracking Scripts

If you are looking to track any additional information, you will need to create a custom tracking script for Google Analytics.

1. From within Bold Checkout, select Settings > Analytics.
2. Select the toggle on Custom Tracking Scripts for Successful Purchases.
3. Enter your custom script.
4. Select Save.
   If you require additional assistance in creating a custom track script, please contact our partners at StoreTasker to receive a quote.