TABLE OF CONTENTS
Getting Started with Fueled’s GA4 Connector App
Configuring our Google Analytics 4 Connector for Shopify is quick and easy.
First, please make sure that you’ve created a Google Analytics 4 Property, and that you have your Measurement ID and your API key ready to go. You can learn more about GA4 configuration at:
Next, visit our Shopify Marketplace listing to install our app on your Shopify Store.
Configuring the GA4 Connector App
Tracking Client-Side Events
Once you’ve installed our app, you’ll first want to set up client-side tracking. Go to our app’s configuration screen, and click the link to enable and configure our App Extension for your theme.
This will take you to the “App Embeds” section of your active theme, where you will want to enable Fueled Attribution, and make sure that the checkbox is selected to “Track client-side events.”
Respecting User Tracking Consent
By default, our GA4 Connector App respects Shopify’s Customer Privacy features. We recommend that you leave these settings activated.
Enabling Server-Side Tracking
Enable server-side tracking to track checkout and purchase events with Fueled.
attribution
property on purchase events. Orders placed by customers through your storefront will have “web” listed in this attribution
property.Entering Your Google Analytics 4 Credentials
You will need to enter your Measurement ID and API Key for GA4 to send Google attribution events.
Pausing Attribution Events
For the most part, once a merchant has configured our app, they will never need to adjust their settings or temporarily pause events. That said, if you’re setting up a new development store or are staging the Fueled app for a new store, you can use the settings below to turn off event tracking, while keeping the Fueled app installed and configured for your storefront.
Tracking “Accelerated Checkouts” from Product Description Pages
Overview
“Accelerated Checkouts” refer to Buy Now buttons that allow shoppers to check out more quickly, using 3rd-party checkouts such as Amazon Pay, PayPal, and ShopPay.
For the most part, Fueled’s attribution tracking features are able to tie these 3rd-party checkouts back to the traffic source associated with the customer’s visit to your website.
However, with some Shopify themes, there can be challenges tracking purchase attribution when a customer clicks a “Buy Now” button from a product description page to check out with certain Accelerated Checkout providers. The purchases are tracked in Google Analytics 99.99% of the time — but the connection between that purchase and the customer journey connected to that purchase can break in this specific case.
To solve for this, on November 15th, 2022, we released a new feature that ensures these accelerated purchase events are fully tracked. It does require copy/pasting a little code, but don’t worry, we’ll walk you through it below.
Installation Process
To ensure complete tracking of these Accelerated Checkout purchases, you’ll need to make a few edits to the following javascript snippet, and then paste it into the Additional Scripts section of your Checkout Settings:
Step 1:
Copy/paste the script above into a text editor, or paste it directly into the Additional Scripts field in your Checkout Settings at:
https://[store-name].myshopify.com/admin/settings/checkout.
Step 2:
Once you’ve enabled the Fueled GA4 Connector App in your Shopify theme, open any page on your Shopify website and click “view source” to look at the HTML source code (in a Chrome Browser on a Mac, you can click Option+Command+U.) See screenshot:
When viewing the page source, search for “datahub” to find the configuration settings installed by the fueled app:
Copy the Analytics Writekey and Google Analytics 4 tag (gTarget) into the script that you’ll add to your Checkout settings as seen below. (Note: your Writekey and gTarget values will be unique to your website.)
That’s it! Once you hit save, you’re all set. If you have questions, please don’t hesitate to reach out to support, as described below.
Getting Help
While Fueled has provided this app to Shopify merchants for free, we do our best to support the wonderful merchants who choose to leverage our software.
You can get in touch with us at: support@fueled.io.
You might also considering joining our Community Slack Channel, where consultants, developers, and other merchants are available to lend a hand.
ON THIS PAGE
- Getting Started with Fueled’s GA4 Connector App
- Configuring the GA4 Connector App
- Tracking Client-Side Events
- Respecting User Tracking Consent
- Enabling Server-Side Tracking
- Entering Your Google Analytics 4 Credentials
- Pausing Attribution Events
- Tracking “Accelerated Checkouts” from Product Description Pages
- Overview
- Installation Process
- Getting Help