What are the required fields and completion URL in Webflow for enabling Google Analytics e-commerce sales tracking with Tag Manager?
TL;DR
- Pass required transaction data like Transaction ID, Value/Revenue, and Items Array using Google Tag Manager.
- Use the Order Confirmation Page as the completion URL and configure GTM triggers to fire on this page.
- Enable enhanced e-commerce features in Google Analytics and ensure Webflow is correctly configured to pass dynamic data.
To enable Google Analytics e-commerce sales tracking in Webflow using Google Tag Manager, you'll need to ensure the required fields and completion URL are correctly set up.
1. Required Fields in Google Tag Manager
- Transaction ID: Unique identifier for each transaction. Ensure this is dynamically generated and passed correctly.
- Affiliation: Default or specific store name, which can help in identifying where the sale happened.
- Value/Revenue: The total purchase amount recorded for the transaction.
- Tax: The amount of tax applied to the sale, if applicable.
- Shipping: Shipping costs associated with the purchase.
- Currency: The currency of the transaction (e.g., USD, EUR).
- Items/Product Array: Include a detailed list of purchased products with each containing fields like Product Name, SKU, Category, Price, and Quantity.
2. Completion URL Setup
- Order Confirmation Page: Set the URL of the order confirmation or thank you page as the completion URL. This is where the purchase data is to be tracked from.
- Trigger in Google Tag Manager: Ensure a Google Tag Manager trigger is set to fire on the order completion page. Use 'Page View' triggers configured to detect when this specific URL is loaded.
3. Configure Google Tag Manager
- Create a New Tag: Set up a new tag for Google Analytics: Universal Analytics.
- Select Tag Type: Choose Transaction Tracking for the tag type.
- Enable Enhanced E-commerce Features: Make sure this option is turned on in the Google Analytics property settings for more detailed tracking.
- Use the Trigger: Assign the specific trigger that fires on the order confirmation page as noted previously.
4. Check Webflow Settings
- Integrate Google Tag Manager: Confirm that Google Tag Manager is correctly integrated with your Webflow project.
- Verify Dynamic Data: Make sure Webflow is properly configured to dynamically pass necessary e-commerce data to Google Tag Manager.
Summary
To enable Google Analytics e-commerce tracking in Webflow via Google Tag Manager, ensure you pass required transaction data like Transaction ID, Value/Revenue, and Items Array. Use the Order Confirmation Page as the completion URL and configure your GTM triggers to fire on this page. Make sure enhanced e-commerce features are enabled in Google Analytics and that Webflow is correctly configured to pass dynamic data.
