Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
. For example, engagement with products can include product impressions, product clicks, product detail views, etc. 
- Enhanced Rich Snippet - add a snippet to enhance search results visually.
  • Click Save.  
  • 2. Set templates (optional)

    You can select to include all users or a subgroup based on Role by setting relevant templates:

    • Set global - one template for all users
    • Set role-based - template for users in a specific role.
    Info

    The system will first check for a role-based template. If one is not found against the role, the global template will be used. The default template is called CV_OpeningBodyTemplate. You can find from the Content menu.
    Image Removed

    Set Global

    To set the global template, go to the default templates admin page. Set the Opening Body Template to the default template or another template you created.

    Role-based

    To use the tag manager for users in specific roles, go to the role management admin page (see Templates tab). Set the Opening Body Template to the default template or another template you created.

    Anchorremarketingremarketing

    Digital Remarketing

    Tip

    The 'Data Layer Doctor' extension for Chrome may be useful in viewing data objects during testing. It allows you to check the contents of a data layer and verify it against your specifications.

    Remarketing uses Analytics with Google's digital marketing and remarketing solutions, e.g., Google Ads etc by personalising ads shown to past visitors of your website who are still on Google or partner websites. What ads are shown to a user is based on their past behaviour matching a behavioral profile. When there is a match, the user is added to that user segment. Segment rules set up personalise what kind of ads are displayed. For example, you might create a segment of 'website visitors' - users who leave your site without making a purchase. You could have rules that show them ads of products they clicked on or added to cart, when they continue to browse and search the internet. Remarketing in a targeted way like this may help bring them back to your site and make a purchase.

    See: Remarketing with Google Analytics 

    Remarketing data from every page of the website are pushed to Google. What data (property + its value) is sent with each page type are listed. 

    Property

    Value

    Notes

    event

    'remarketing'

    ecomm_pagetype

    • other
    • home

    • category

    • product

    • cart

    • purchase

    Value determined by the page the user is on. For example:

    • 'other' = any other page not specifically listed (eg. Favourites, Checkout Delivery Address, Dashboard, etc).
    • 'home' = the site's home page

    • 'category' = a category page listing products

    • 'product' = the product detail page

    • 'cart' = the shopping cart

    • 'purchase' = the confirmation screen once an order has successfully been submitted

    ecomm_prodid

    One of the following:

    • Product code (product pages)

    • Array of product codes (category, cart, purchase pages)

    Optional. Value determined by the page the user is on, and does not apply to page types 'home' or 'other'.

    ecomm_totalvalue

    The total value of all products and charges (if any)

    Optional. Only applies to page types 'product', 'cart, and 'purchase'.

    google_conversion_value

    The total value of all products and charges

    Optional. Only applies to page type 'purchase'.

    check

    Code Block
    languagejs
    titleSample Remarketing data
    {
        "event": "remarketing",
    	"ecomm_pagetype": "home",
    	"ecomm_prodid": ["ProductCode", "ProductCode"] or "ProductCode",
    	"ecomm_totalvalue": "99.99",
    	"google_conversion_value": "99.99"
    }
    Anchorecommerceecommerce

    Enhanced Ecommerce

    Enhanced Ecommerce is extra functionality you can add to Google Analytics. It allows the gathering of richer data about buyers and visitors on your website. Instead of just the standard ecommerce transactional information at the Order Confirmation step, activities such as when they add items to cart, when they remove items, when they abandon their carts and leave without purchasing, where they begin checkout, etc, are also collected. This data can be used to produce reports of shopper behaviour patterns for analysis. 

    Enhanced ecommerce data is pushed for nearly every event type on the website. The data objects, including properties and their possible values, are outlined below. 

    AnchorecomimpressionsecomimpressionsProduct Impressions

    Product Impression data is pushed whenever a product list is displayed, e.g., a page of search results, products in a category, or a user's favourites.

    Property

    UA Value

    GA Value

    Notes

    Data Layer Name

    dataLayer

    event

    enhancedEcomm

    Due to infinite scrolling, some pages may load additional data after the initial page load. For this reason, impressions are pushed via an event. Infinite scrolling creates a new event, and therefore a new data push. This also ensures that data is pushed in blocks, so as not to exceed Google's object data limit.

    Event Type

    Cart Url

    /cart

    Product Pricing

    inc or ex

    Include or exclude sales tax from price displayed

    Detail Impression Use from List

    Default: OFF

    Debug To Console

    Default: ON

    User

    Default: ON

    Only Track Logged In User

    Default: OFF

    Questionaire

    Default: ON

    Questionaire Url

    /{0}/Thank-you/

    Checkout Options

    Default: ON

     Checkout Options

    Event Name

    checkout

    Checkout Option Event Name

    checkoutOption

    Login Success

    default: ON

    (login success) Event Name

    login

    Logout Success

    default: ON

    (logout success) Event Name

    logout

    Remove from Cart

    default: ON

    (remove from cart) Event Name

    removeFromCart

    Cart Updated

    default: ON

    (cart updated) Event Name

    cartUpdated

    Apply Promo Code Success

    default: ON

    (Apply Promo Code Success) Event Name

    validPromoCode

    Apply Promo Code Fail

    default: ON

    (Apply Promo Code Fail) Event Name

    invalidPromoCode

    Remove Promo Code

    default: ON

    (Remove Promo Code) Event Name

    removedPromoCode

    Order Tracking

    default: ON

    Event Name

    /TrackOrder/ViewOrder/{0}

    Template View

    (Template View) Event Name

    /OrderTemplates/{0}

    Product Impressions

    • Recently Viewed
    • Campaigns
    • Cross Sell/Upsell
    Default: ON

    Product Clicked

    productClick

    Add to Cart

    Default: ON

    (Add to Cart) Event Name

    addToCart

    Banner Clicked

    Default: OFF

    Event_type

    Impressions

    Items

    name

    The product description

    id

    The product code

    category

    The product's primary category

    Includes all levels of the category structure for the product's primary category.

    list*

    One of the following:

    • Product List

    • Search Results

    • Items Recently Viewed

    • Campaign - (sent as the Campaign Description, not the Campaign Code)

    • CrossSell - (Alternate products)

    • UpSell - (Accessories / Related products)

    • User Favourites

    • Prior Purchases

    • Product Details - (This value only applies where the user has navigated directly to a product via link or similar. Otherwise, the list from which the product was accessed will be used for product detail impressions.)

    Value determined by the list in which the product is located.

    *Note - Zoned Product Layout must be used in order for Enhanced eCommerce to work with lists.

    brand

    The product's brand

    position

    The product's position / sequence in its list

    price

    The product price (nett price for 1)

    If 'hide pricing' is enabled at Role level, this data is not pushed.

    currency

    currency

    ecommerce.currencyCode

    currency

    ecommerce.items.currency

    Add in code snippet if required.

    List Types

    List types being used for product impressions, product clicks and add to cart tracking

    Product Detail

    Product Details

    Product Category

    Product List

    Search Results

    Search Results

    Recently Viewed

    Items Recently Viewed

    Campaign

    • Product List

    • Search Results

    • Items Recently Viewed

    • Campaign - (sent as the Campaign Description, not the Campaign Code)

    • CrossSell - (Alternate products)

    • UpSell - (Accessories / Related products)

    • User Favourites

    • Prior Purchases

    • Product Details - (This value only applies where the user has navigated directly to a product via link or similar. Otherwise, the list from which the product was accessed will be used for product detail impressions.)

    Cart Lines

    Cart Item

    Code Block
    languagejs
    titleSample Product Impression data
    collapsetrue
    {
    	"event": "enhancedEcomm",
    	"event_type": "impression",
    	"ecommerce": {
    		"currencyCode": "AUD",
    		"impressions": [
    		{
    			"name": "Product Description",
    			"id": "ProductCode",
    			"list": "list name",
    			"category": "/first level/second level/third level",
    			"brand": "brand name",
    			"position": 1,
    			"price": "99.99"
    		}
    		]
    	}
    }
    Code Block
    languagejs
    titleSample Product Detail Impression data
    collapsetrue
    {
    	"event": "enhancedEcomm",
    	"event_type": "impression",
    	"ecommerce": {
    		"currencyCode": "AUD",
    		"detail": {
    			"actionField": {
    				"list": "list name"
    			},
    			"products": [
    			{
    				"item_name": "Product Description",
    				"item_id": "ProductCode",
    				"item_category": "/first level/second level/third level",
    				"brand": "brand name",
    				"price": "99.99"
    			}
    			]
    		}
    	}
    }
    AnchorecomclicksecomclicksProduct Clicks

    Product Click data is pushed on any click of a product link. For example, a product on a page of search results, or a product on the user's favourites list.

    Property

    UA Value

    GA4 Value

    Notes

    event

    productClick

    productClick

    event type

    event_type

    -

    Event type is 'click.ationField' no longer used for this event in GA4. 

    Where product is located when clicked

    list*

    ecommerce.click.actionField.list

    item_list_name

    ecommerce.items.item_list_name

    Value determined by the list in which the product is located:

    • Product List

    • Search Results

    • Items Recently Viewed

    • Campaign - (sent as the Campaign Description, not the Campaign Code)

    • CrossSell - (Alternate products)

    • UpSell - (Accessories / Related products)

    • User Favourites

    • Prior Purchases

    • Cart Item

    *Note - Zoned Product Layout must be used in order for Enhanced eCommerce to work with lists.

    product description

    name

    ecommerce.click.products.name

    item_name

    ecommerce.items.item_name

    Product code

    id

    ecommerce.click.products.id

    item_id

    ecommerce.items.item_id

    product category

    category -  primary category

    ecommerce.click.products.category

    'item_category' - primary category

    ecommerce.items.item_category

    Specify up to 5 levels. E.g., 'item_category3': specifies to the third category level

    item_category,item_category2

    item_category3

    item_category4, item_category5

    All levels of the category structure can be shown. 'category' by itself = product's primary category.

    In UA, when setting the items[].category parameter, you use / as a delimiter to specify up to five levels of hierarchy.

    In GA4, you use enumerated category parameters to specify up to five levels of hierarchy.

    The behavior for category translation is as follows:

    • For GA4 events translated to UA, enumerated categories will be combined into a single category parameter, with each category delimited by /.
    • For UA events translated to GA4, the value of the category parameter will be split to populate the corresponding GA4 enumerated categories.
    • If you intend to send GA4 events to UA, it's recommended that you do not use the / character in category values, since this will be interpreted as a category delimiter when translating to UA.
    • Only the first 5 category levels will be used, regardless of how many are defined.

    Product's brand

    brand

    ecommerce.click.products.brand

    item_brand

    ecommerce.items.index

    Product's position / sequence in its list

    position

    ecommerce.click.products.position

    index

    ecommerce.items.index

    Product price

    (nett price for 1)

    price

    ecommerce.click.products.price

    price

    ecommerce.items.price

    If 'hide pricing' is enabled at Role level, this data is not pushed.

    Currency

    -

    currency

    ecommerce.items.currency

    Total 

    -

    ecommerce.value

    Sum of product price x quantity

    Code Block
    languagejs
    titleSample Product Click data
    collapsetrue
    {
    	"event": "productClick",
    	"ecommerce": {
    			"items": [
    			{
    				"item_name": "Product Description",
    				"item_id": "Product Code",
    				"item_category": "Product Category",
    				"item_brand": "Brand Name",
    				"price": "99.99",
    				"index": 1
    			}
    			]
    		}
    	}
    }
    AnchorecomuserecomuserUser Details

    User Detail data is pushed on every page of the site.  There is the option to push data for logged in users only.

    • 'User_ID' = the user's unique identifier (database field = user.userid ) 

    Code Block
    languagejs
    titleSample User Detail data
    collapsetrue
    {
    	"User_ID": "unique user id"
    }
    AnchorecomquestionecomquestionQuestionnaire

    Questionnaire data is only pushed for non-widget-based questionnaires.

    Since the URL does not change post submission, a virtual URL is pushed. (In contrast, widget-based questionnaires have a URL redirect post submission.)

    Code Block
    languagejs
    titleSample Questionnaire data
    collapsetrue
    {
    	"virtualURL": "thank you URL"
    }
    AnchorecomcheckoutecomcheckoutCheckout Steps & Options

    Steps - pushed as the user progresses through the various steps of the checkout process.

    Property

    Value

    Notes

    event

    'checkout'

    event_type

    'checkout'

    step

    The checkout step number:

    • 1 - going to cart

    • 2 - attempting checkout, but login required

    • 3 - selecting delivery option

    • 4 - selecting payment option

    • 5 - submitting the order

    Steps 3 & 4 will trigger additional 'Product Option' data to be pushed, in the form of the option selected at this step.

    For example, the freight option selected at Step 3 or the payment method selected at Step 4 (sample provided below).

    products

    The products in the cart

    Standard product data will be pushed for each product in the cart (e.g. name, id, category, brand, price).

    Code Block
    languagejs
    titleSample Checkout Steps data
    collapsetrue
    {
    	"event": "checkout",
    	"event_type": "checkout",
    	"ecommerce": {
    		"checkout": {
    			"actionField": {
    				"step": 1
    			},
    			"products": [
    			{
    				"name": "Product Description",
    				"id": "ProductCode",
    				"category": "/first level/second level/third level",
    				"brand": "brand name",
    				"price": "99.99"
    			}
    			]
    		}
    	}
    }

    Options - pushed whenever the Checkout Step value (detailed above) is either 3 or 4. 

    Property

    Value

    Notes

    event

    'checkoutOption'

    event_type

    'checkout'

    step

    3 or 4

    Value determined by the step number in 'Checkout Steps' data above.

    option

    The option selected at this step

    For example - 'pickup' at Step 3 or 'BPAY' at Step 4.

    Code Block
    languagejs
    titleSample Checkout Option data
    collapsetrue
    {
    	"event": "checkoutOption",
    	"event_type": "checkout",
    	"ecommerce": {
    		"checkout_option": {
    			"actionField": {
    				"step": 4,
    				"option": "BPAY"
    			}
    		}
    	}
    }
    AnchorecomtransecomtransTransactions

    Product Transaction data is pushed on successful submission of an order. 

    Measure a purchase by sending a purchase event with one or more items defined with the relevant fields.

    Property

    Value

    Notes

    event

    'purchase'

    item_name

    The product description

    Repeated for each product in the transaction.

    item_id

    The product code

    Repeated for each product in the transaction.

    item_category

    The product's primary category

    Includes all levels of the category structure for the product's primary category.

    Repeated for each product in the transaction.

    price

    The product price (nett price for 1)

    Repeated for each product in the transaction.

    Code Block
    languagejs
    titleSample Transaction data
    collapsetrue
    {
    	"event": "payment",
    		"ecommerce": {
    		"purchase": {
    			"actionField": {
    				"id": 100000000,
    				"revenue": 99.99,
    				"tax": 9.99,
    				"shipping": 10.00
    			}
    		},
    		"products": [
    		{
    			"item_name": "Product Description",
    			"item_id": "ProductCode",
    			"item_category": "/first level/second level/third level",
    			"price": "99.99"
    		}
    		]
    	}
    }
    AnchorecomloginecomloginLogin Success

    Login Success data is pushed on any successful login.  

    • The 'event' always = "login"

    • The 'widgetName' = that of the widget used to initiate the login 

    Code Block
    languagejs
    titleSample Login Success data
    collapsetrue
    {
    	"event": "login",
    	"widgetName": "widget-name"
    }
    AnchorecomlogoutecomlogoutLogout Success

    Logout Success data is pushed on any successful logout.  

    • The 'event' always = "logout"

    • The 'widgetName' = that of the widget used to initiate the logout 

    Code Block
    languagejs
    titleSample Logout Success data
    collapsetrue
    {
    	"event": "logout",
    	"widgetName": "widget-name"
    }
    AnchorecomaddtocartecomaddtocartAdd to Cart

    Add To Cart data is pushed every time a user successfully adds a product to their cart. 

    Property

    Value

    Notes

    event

    'addToCart'

    currencyCode

     The currency code for the current account

    products

    The product(s) added to the cart

    Standard product data is included here (e.g. name, id, category, quantity, brand, price)

    pageType

    One of the following:

    • Product List

    • Search Results

    • Product Details

    Value determined by the page on which the product was added.

    list*

    One of the following:

    • Product List

    • Search Results

    • Product Compare

    • Items Recently Viewed

    • Campaign - (sent as the Campaign Description, not the Campaign Code)

    • CrossSell - (Alternate products)

    • UpSell - (Accessories / Related products)

    • User Favourites

    • Prior Purchases

    • Product Details

    • Cart Fast Order

    • Quick Order Entry

    Value determined by the list from which the product was added

    *Note - Zoned Product Layout must be used in order for Enhanced eCommerce to work with lists.

    Code Block
    languagejs
    titleSample Add To Cart data
    collapsetrue
    {
    	"event": "addToCart",
    	"ecommerce": {
    		"currencyCode": "AUD",
    		"add": {
    			"products": [
    			{
    				"name": "Product Description",
    				"id": "ProductCode",
    				"category": "/first level/second level/third level",
    				"quantity": 1,
    				"brand": "brand name",
    				"price": "99.99"
    			}
    			]
    		}
    	},
    	"pageType": "Product List",
    	"list": "Product List"
    }
    AnchorecomremovefromcartecomremovefromcartRemove from Cart

    Remove From Cart data is pushed whenever a product is successfully removed from the user's cart.

    NOTE - This can be a whole line deletion, or a decrease in quantity. Both actions are sent as 'Remove From Cart' data.

    Property

    Value

    Notes

    event

    'removeFromCart'

    currencyCode

    The currency code for the current account

    products

    The product(s) removed from cart

    Standard product data is included here (e.g. name, id, category, quantity, price).

    Code Block
    languagejs
    titleSample Remove From Cart data
    collapsetrue
     {
    	"event": "removeFromCart",
    	"ecommerce": {
    		"currencyCode": "AUD",
    		"remove": {
    			"products": [
    			{
    				"name": "Product Description",
    				"id": "ProductCode",
    				"category": "/first level/second level/third level",
    				"quantity": 1,
    				"price": "99.99"
    			}
    			]
    		}
    	}
    }
    AnchorecomcartupdateecomcartupdateCart Updated

    Cart Updates will push the relevant Add or Remove data when product quantities are changed:

    • Quantity increase triggers an "addToCart" data push

    • Quantity decrease triggers a "removeFromCart" data push

    AnchorecompromoecompromoPromotion Codes

    The following data is automatically pushed in relation to Promotion Codes: 

    • success adding a promo code ('validPromoCode')

    • failure adding a promo code ('invalidPromoCode')

    • removal of a promo code ('removedPromoCode')

    The event type and the promotion code is the only data sent in these instances.

    Code Block
    languagejs
    titleSample Valid Promo Code data
    collapsetrue
    {
    	"event": "validPromoCode",
    	"promoCode": "XXXX"
    }
    Code Block
    languagejs
    titleSample Removed Promo Code data
    collapsetrue
    {
    	"event": "removedPromoCode",
    	"promoCode": "XXXX"
    }
    AnchorecomvieworderecomvieworderView Order

    View Order data is pushed when an order is viewed on the Order History / tracking page. The relevant sales order number is sent in this instance.

    Code Block
    languagejs
    titleSample View Order data
    collapsetrue
    {
    	"virtualURL": "/TrackOrder/ViewOrder/Order Number"
    }
    AnchorecomviewtemplateecomviewtemplateView Template

    View Template data is pushed when a saved template is viewed on the Order Templates page. The template name is sent in this instance.

    Code Block
    languagejs
    titleSample View Template data
    collapsetrue
    {
    	"virtualURL": "/OrderTemplates/Template Name"
    }
    AnchorextendextendExtending or Overriding Pushed Data

    It is possible to push additional data or to override Commerce Vision's out-of-the-box inclusions. For assistance with this, please contact a Commerce Vision Consultant. 

    CV internal use:

    Determine the type of additional data required to push:

  • User

  • Product

  • Order

    Include the new data by adding the field to the relevant JSON field group. 

    Data Type

    Dictionary Table

    JSON Field Group

    User

    Primary Table:

    • User

    Additional Tables:

    • Role

    • Customer

    SiteTrackerUserData(or SiteTrackerUserData_RoleNamefor role-specific changes)

    Product

    Product

    SiteTrackerProductData (or SiteTrackerProductData_RoleNamefor role-specific changes)

    Order

    Primary Table:

    • ProntoSalesOrder

    Additional Tables:

    • ProntoSalesOrderLine

    • Product

    SiteTrackerOrderData(or SiteTrackerOrderData_RoleNamefor role-specific changes)

    Finally, construct the tracking code per the format below.

  • First parameter is the data to manipulate (e.g. "userDetail" in sample code)

  • Second parameter is the type of manipulation:

    • extend

    • override

  • The third parameter is the function that will perform the manipulation (e.g. "EmailAddress: data.EmailAddress" in sample code)

    The data is the raw data that can be used for manipulation (and includes the additional data from the JSON field groups described above) 
    Code Block
    titleSample Data Extension code
    $.cv.css.tracker.track("userDetail", "extend", function(data) {
    	return { EmailAddress: data.EmailAddress };
    });

    Possible extension methods:

    • userDetail

    • pageType (this is for Digital Remarketing)

    • productImpressions

    • productClick

    • questionnaire

    • checkout

    • checkoutOption

    • transactionProducts

    • loginSuccess

    • logoutSuccess

    • addToCart

    • removeFromCart

    • promoCodes

    • viewOrder

    • viewTemplate

    Related help

    Overview

    Analytics collects usage and behaviour data from user interactions on your CV ecommerce store. Used with Google Tag Manager, your Google Ads and other digital remarketing tools can deliver more relevant and personalised ads, and reports that measure traffic and engagement on your website can be created.

    From version 2022.3, GA4 is available for selection. It is pre-configured to push unified data for both Universal Analytics (v3) and GA4 (v4).  The latest version supports Analytics' latest capabilities for tracking and managing content through Google Services. In the CMS, you can select what optional data are collected to suit your marketing and reporting needs. Learn more: Google Analytics

    Which version in the CMS?

    • If your site has never implemented Analytics, choose the GA4 version.
    • If your site is using UA (v3), you can choose UA or GA4. Selecting GA4 will still mean your UA implementation also receives data.  
    • If you choose UA, you want to start thinking of migrating to GA4 as UA will be deprecated by Google on the 1st July 2023. Remember, by selecting GA4, you can start to implement GA4 while continuing to use UA. 

    Migration Plan 

    • The GA4 solution has adopted Google's dual tagging, so both UA and GA4 requirements can be handled at the same time.
    • In your Google account, leave your UA implementation unchanged while you implement GA4. UA and GA4 will operate independently side by side, doing slightly different things. 
    • Continue to use UA until you are comfortable that your GA4 data has built enough of a historical record to be useful (or until UA is deprecated by Google on the 1st July 2023). This time should also be used to understand UA → GA4 changes. 

    The CV Platform and GA4

    Info
    titleImplementing GA4
  • Code snippets for some events and in the template used have parameter name changes and are structured to reflect GA4 conventions.   

  • GA4 Google Tag Manager snippet must be added. This tag will also tell Google to automatically convert GA4 properties to UA, for those running both versions concurrently. 

    Warning
    titleIMPORTANT

    While the gtag.js can automatically translate GA4 events sent to a UA property and vice versa, not all events and parameters can be translated so it's important you review the behavior, incompatibilities and trade-offs you may have to make when relying on automatic translation.

    Learn more: Event Compatibility Reference

       

    Prerequisites 

    1. Set up Google account and get ID and Google Tag Manager snippet

    NOTE - This guide only documents the steps that are required to obtain credentials and the Google Tag Manager code snippet. Learn more at Google: Set up GA4  

    If you do not have an account, go to analytics.google.com and create an account.
    Set up a new product or app. 
    Image Removed
    Follow the instructions to create a new GA4 data stream. TIP - Copy the Measurement ID as you will need to add it into a CV resource later.
    Image Removed
  • To retrieve the generated tag js script for your account, click View Tag Instructions
    Image Removed
  • To view the tag, click 'Install manually'.
    Image Removed

    Copy the tag. It will have your Measurement ID added to it.

    Info
    titleGoogle Tag Manager

    Here is an example with the Measurement ID in yellow:

    Image Removed

    In the CMS, go to ContentAdvanced Content Resources.
  • Use the Search tool to find: rcGoogleTagManagerInitialiserHead
    Image Removed
  • Click Modify.

    In Resource Value, add the Google Tag Manager snippet you copied. It will look like this except the {0} placeholders will have your data stream's Measurement ID.

    Code Block
    titleThis tag will output the 'snippet' required by the Google Tag manager.
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id={0}"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', '{0}');
    </script>
    Example of snippet in Resource Value:
    Image Removed
  • Click Save.
  • 2. Check templates/widgets are set up for capturing the Product Click event

    To capture products clicked by users for GA4, in the CMS, make sure the following are in place:

    •  Product List Grid widget: zoned layouts are enabled for Products and Categories.
      (Pages & Templates → ProductsProduct List Grid widget)
      Image Removed
    •  Items Recently Viewed widget is added to Home Page
      (Pages & Templates → Home PageI
      tems Recently Viewed widget)
    •  CrossSell/Upsell widgets: are added to Product Detail
      (Pages & Templates → Products → Product Detail page → CrossSell/Upsell widget)
    •  Campaign Slider: is added to Home Page
      (Pages & Templates → Home PageCampaign Slider widget)

    3. Enable Favourites for Prior Purchases:

    For each role your customers use and you want tracked:

  • Go to EcommerceUsersRoles.
    Image Removed
  • Select the Role, then click the Functions tab.
  • Find and tick Enable Customer Favourites.
    Image Removed
  • Click OK
  • Repeat steps 1-4 for all roles needed.
  • Configure GA4 Analytics 

    1. Select GA4 version

    In the CMS, go to: SettingsSettingsSystemsAnalytics.
    With Analytics enabled on your site, click Configure.
    In Analytics Feature Settings, toggle ON Enable Analytics.
    In Analytics Version, select which version you are configuring: 'UA' or 'GA4'. NOTE - We recommend you select GA4 whether your site is new to Analytics or on a migration plan.       
    In Google Tag Manager ID, enter the ID from your Google Tag Manager account. 
    Example: 
    Image Removed
    When an ID is entered, Analytics functions available are listed. Tick at least Digital Remarketing or Enhanced eCommerce.
    Image Removed
    - Digital Remarketing -  use Analytics with remarketing tools such as Google Ads or dynamic remarketing. Visitor and purchaser behaviour events from Analytics can be included to personalise ads shown to users after they leave your site and continue to browse the internet.
    - Enhanced Ecommerce - use Analytics data to monitor and report user interactions with products or their user journeys on your site

    This reference doc covers how we've implemented GA4 for sites, especially relating to the events we send to the data layer (Google Tag Manager) & what data these events have in them

    Excerpt
    hiddentrue

    Events guide for Google Analytics 4 (GA4)


    GA4 and Tag Manager

    Info
    titleChanges in GA4

    Some Ecommerce event and scope structures and parameter names have changed for GA4.  

    Warning
    titleIMPORTANT

    Note that not all events in UA and GA4 are translatable. It is important that you review and understand the differences and incompatibilities.

    Learn more: Event Compatibility Reference

    Learn more: Google Tag Manager Setup for GA4


    Every time a tracked interaction occurs on your site, certain types of data relevant to ecommerce are sent. The current out-of-the-box implementation includes data from these events: 

    • search (Version 4.40+)
    • add_to_cart
    • remove_from_cart
    • view_cart (Version 4.40+)
    • view_item
    • view_item_list
    • add_to_wishlist (Version 4.40+)
    • begin_checkout
    • add_shipping_info (Version 4.40+)
    • add_payment_info (Version 4.40+)
    • purchase


    Info
    titleAnalytics Options in CMS

    When the version GA4 is enabled in the CMS, GA4 data from these events is automatically sent. Important - 'Enhanced Ecommerce' option is required always for GA4, but you do not have to configure and add further code for it to work. The 'Remarketing' option only applies to UA.




    Panel

    On this page:

    Table of Contents
    indent18px


    Before You Begin 

    1. CMS Analytics feature enabled in CMS

    If Analytics is not enabled, contact Commerce Vision.

    2. Templates/Widgets Setup

    To track product clicks (select_item event in GA4) for certain List Types check that templates where users can select a product has these setups:

    •  

      Product List Grid widget: zoned layouts are enabled for Products and Categories. Affects List Type: Product List 

      (Go to Pages & Templates → Products and check the Product List Grid widget is using a zoned layout.)

      Image Added

    •  

      List Type: Items Recently Viewed works with the Recently Viewed widget added on a page or template

    •  

      List Types: Cross Sell, Upsell works with the CrossSell/Upsell widget added on a page or template, e.g., Product Detail page. 

    •  

      List Type: Campaign works with the Campaign Slider widget added on a page or template.


    Set CMS Analytics to GA4 

    1. Select GA4 version

    1. In the CMS, go to: SettingsFeature ManagementSystem → Analytics.

    2. With Analytics enabled on your site, click Configure.

    3. In Analytics Feature Settings, toggle ON Enable Analytics.

    4. In Analytics Version, select 'GA4'. TIP - GA4 should be selected if you are implementing Tag Manager for the first time.

    5. In Google Tag Manager ID, enter the Tag Manager ID. 

    6. When the ID was entered in step 5, three options appear. 
      Image Added
      1. Digital Remarketing -  does not apply to GA4
      2. Enhanced Rich Snippet - this allows you to add a code snippet that enhances search results visually, e.g., include ratings when a product's page is listed. See: Enhanced Rich Snippets

    7. Tick Enhanced Ecommerce so it's on

    8. Click Save.  

    Event and Parameter Reference Guide

    This section details the data sent for each event.

    Info
    titleHow we structured the event properties

    All data pushed has been matched to the structure that Google recommends as closely as possible (as per 2024 guidelines), this should mean that no data transformation / restructuring is in the data layer / Google Tag Manager.


    Anchor
    item
    item
    search

    This event is triggered when the search results render from any of the following widgets

    • Product Search With Category Widget

    • Product Search Widget

    • Product Search With Preview Widget

    • Product Favourites page

    • Cart

    Item parameters below are included out-of-the-box.

    Name

    items

    Parameter

    CV Value

    Notes

    search_term

    Search term

    The search term used for search query


    Anchor
    item
    item
    view_item

    The view_item event triggers when the product details page loads.

    Item parameters below are included out-of-the-box.

    Name

    items

    Parameter

    CV Value

    Notes

    item_name

    product description

    Product description. One of item_id or item_name is required.

    item_id

    product code

    Product code. One of item_id or item_name is required.

    item_category

    product category

    top level/primary category.

    You can specify up to 5 categories:

    item_category: "Apparel",
    item_category2
    : "Adult",
    item_category3
    : "Shirts",
    item_category4
    : "Crew",
    item_category5
    : "Short sleeve

    item_list_name

    list type

    List type of list product was in:

    • Product Detail
    • Product Category
    • Search Results
    • Recently Viewed
    • Campaign
    • Alternate Products
    • Related Products
    • Cart Fast Order Entry
    • Product Compare
    • User Favourites
    • Prior Purchases
    • Cart Lines

    *NOTE - Zoned Product Layout must be in use for Ecommerce to work with lists.

    If set, event-level item_list_name is ignored.
    If not set, event-level item_list_name is used, if present.

    item_brand

    brand

    Product's brand. NOTE - Currently not standard inclusion from CV ecommerce platform. Must be custom added. 

    index

    numerical value

    position of item presented in list (if applicable)

    price

    Monetary nett price of the product, in  the specified currency.

    If 'hide pricing' is enabled at Role level, this data is not pushed.

    currency

    currency of site in 3-letter ISO 4217 format



    Multiple currencies per event is not supported. Each item should set the same currency.

    For GA4, currency can be set at both item and event levels. When item level currency has been set, any event-level setting is ignored.

    Event level structure: event.currency

    value

    Total item value

    The same as price, but shown outside of the items array

    Event level structure: event.value

    user_id

    id

    The CV site user id (only available for logged in users)


    view_item_list 

    The view_item_list event is logged when the user has been presented with a list of items from a certain category or search results, e.g., from a search results, a category list or user's favourites. 

    Data sent include items, to specify each product with their details. 

    Event Name

    view_item_list

    Parameter

    Value

    Notes

    item_list_name

    list type

    For list type names, see: List Names

    Ignored if set at the item-level.

    Event

    items [ ]

    An array with each product in the list.

    Required: yes

    See: items event and variables/values for product data sent.

    user_id

    id

    The CV site user id (only available for logged in users)


    Anchor
    ecomclicks
    ecomclicks
    select_item

    The select_item event signifies an item was selected from a list, i.e., product was clicked. Data is pushed on any click on a product link, e.g., on a search results page or from the user's favourites list. It includes data from the items array with the clicked product as the only product.  

    Event Name

    select_item

    Variable

    Value

    Notes

    item_name

    product description

    Product description. One of item_id or item_name is required.

    item_id

    product code

    Product code. One of item_id or item_name is required.

    item_category

    product category

    top level/primary category.

    You can specify up to 5 categories:

    item_category: "Apparel",
    item_category2
    : "Adult",
    item_category3
    : "Shirts",
    item_category4
    : "Crew",
    item_category5
    : "Short sleeve

    item_list_name

    list type

    List type of list product was in:

    • Product Detail
    • Product Category
    • Search Results
    • Recently Viewed
    • Campaign
    • Alternate Products
    • Related Products
    • Cart Fast Order Entry
    • Product Compare
    • User Favourites
    • Prior Purchases
    • Cart Lines

    *NOTE - Zoned Product Layout must be in use for Ecommerce to work with lists.

    If set, event-level item_list_name is ignored.
    If not set, event-level item_list_name is used, if present.

    item_brand

    brand

    Product's brand. NOTE - Currently not standard inclusion from CV ecommerce platform. Must be custom added. 

    index

    numerical value

    position of item presented in list (if applicable)

    price

    Monetary nett price of the product, in  the specified currency.

    If 'hide pricing' is enabled at Role level, this data is not pushed.

    currency

    currency of site in 3-letter ISO 4217 format



    Multiple currencies per event is not supported. Each item should set the same currency.

    For GA4, currency can be set at both item and event levels. When item level currency has been set, any event-level setting is ignored.

    Event level structure: event.currency

    value

    Total item value

    The same as price, but shown outside of the items array

    Event level structure: event.value

    user_id

    id

    The CV site user id (only available for logged in users)

    Anchor
    ecomclicks
    ecomclicks
    add_to_wishlist

    The add_to_wishlist event signifies an item was added to the favourites

    Event Name

    select_item

    Variable

    Value

    Notes

    item_list_name

    list type


    List type product was on when selected. See: List Names

    * NOTE - Zoned Product Layout must be in use for Enhanced Ecommerce to work with lists.

    value

    Monetary value of product price x quantity


    items [array]

    selected product details

    The items array with the selected product. See: Items object for product data values. 

    If multiple products are provided, only the first product will be used. 

    user_id

    id

    The CV site user id (only available for logged in users)


    Anchor
    ecomcheckout
    ecomcheckout
    begin_checkout

    The begin_checkout event is triggered when the "Begin Checkout" button is clicked from the cart.

    Event Name

    begin_checkout

    VariableValueNotes

    currency

    currency of site in 3-letter ISO 4217 format

    Multiple currencies per event is not supported. Each item should set the same currency.

    For GA4, currency can be set at both item and event levels. When item level currency has been set, any event-level setting is ignored.

    value

    Monetary value of all products

    Total cost of products in cart

    coupon

    Campaign name

    If name of any promotion

    items

    items [ ]

    Array contains each product in the cart.

    • Standard product data (e.g. name, id, category, brand, price) are included for each product. See: items event for product data values. 

    user_id

    id

    The CV site user id (only available for logged in users)


    Anchor
    ecomtrans
    ecomtrans
    purchase

    The purchase event is triggered when the cart is checked out

    Event Name

    purchase

    Variable

    Value

    Notes

    Event

    transaction


    transaction_id

    sales order number

    generated from your system

    value

    total order value


    tax

    total tax value

    will depend on whether inc or exc tax has been set

    shipping

    total shipping value


    currency

    currency of site in 3-letter ISO 4217 format

    Event level structure: event.currency

    user_id

    id

    The CV site user id (only available for logged in users)


    Anchor
    ecomaddtocart
    ecomaddtocart
    add_to_cart

    The add_to_cart event is triggered every time a user successfully adds items to cart. This is recommended for businesses with online sales. 

    These parameters are included.

    Event

    add_to_cart


    Parameter

    Value

    Notes

     value

    value

     monetary value of the event* value is typically required for meaningful reporting. If you mark the event as a conversion then it's recommended you set value.

    * currency is required if you set value.

    currency

    Currency code of the current event, in 3-letter ISO 4217 format.

    If set, item-level currency is ignored. If not set, currency from the first item in items is used.

    Event level structure: event.currency

    * If you set value then curr
    ency is required for revenue metrics to be computed accurately.

    user_id

    id

    The CV site user id (only available for logged in users)

    Array

    Items [ ]

    An array with each product and standard product data (e.g. name, id, category, quantity, brand, price) included. See: items for product data values. 

    Product data can also include the item_list_name parameter to provide information on the list type from which the product was added.

    *NOTE - Zoned Product Layout must be used in order to collect data from lists. See: List Names


    Anchor
    ecomaddtocart
    ecomaddtocart
    add_payment_info

    The add_payment_info event is triggered every time a user successfully adds payment info during checkout. 

    These parameters are included.

    Event

    add_to_cart


    Parameter

    Value

    Notes

     value

    value

     monetary value of the event* value is typically required for meaningful reporting. If you mark the event as a conversion then it's recommended you set value.

    currency is required if you set value.

    currency

    Currency code of the current event, in 3-letter ISO 4217 format.

    If set, item-level currency is ignored. If not set, currency from the first item in items is used.

    * If you set value then currency is required for revenue metrics to be computed accurately.

    payment type

    They type of payment

    Where the payment originated from:

    • Account payment
    • Order

    step

    Number 4

    The number of the step from the checkout flow, for this event it's 4

    user_id

    id

    The CV site user id (only available for logged in users)

    Array

    Items [ ]

    An array with each product and standard product data (e.g. name, id, category, quantity, brand, price) included. See: items for product data values. 

    Product data can also include the item_list_name parameter to provide information on the list type from which the product was added.

    *NOTE - Zoned Product Layout must be used in order to collect data from lists. See: List Names


    Anchor
    ecomaddtocart
    ecomaddtocart
    add_shipping_info

    The add_shipping_info event is triggered every time a user successfully adds payment info during checkout. 

    These parameters are included.

    Event

    add_to_cart


    Parameter

    Value

    Notes

     value

    value

     monetary value of the event* value is typically required for meaningful reporting. If you mark the event as a conversion then it's recommended you set value.

    currency is required if you set value.

    currency

    Currency code of the current event, in 3-letter ISO 4217 format.

    If set, item-level currency is ignored. If not set, currency from the first item in items is used.

    * If you set value then currency is required for revenue metrics to be computed accurately.

    payment type

    They type of payment

    Where the payment originated from:

    • Account payment
    • Order

    step

    Number

    The number of the step from the checkout flow, for this event it's 1

    user_id

    id

    The CV site user id (only available for logged in users)

    Array

    Items [ ]

    An array with each product and standard product data (e.g. name, id, category, quantity, brand, price) included. See: items for product data values. 

    Product data can also include the item_list_name parameter to provide information on the list type from which the product was added.

    *NOTE - Zoned Product Layout must be used in order to collect data from lists. See: List Names


    Anchor
    ecomremovefromcart
    ecomremovefromcart
    remove_from_cart

    The remove_from_cart event is triggered whenever a product is successfully removed from the shopper's cart.

    NOTE - This can be a whole line deletion, or a decrease in quantity. Both actions are sent as 'Remove From Cart' data.

    Event

    remove_from_cart

    Parameter

    Value

    Notes

    value

    value

    value of order line (product x quantity)

    currency

    currency code

    currency code for the current account

    array

    items [ ] 

    An array containing each product removed with its details (e.g. name, id, category, quantity, brand, price)  included. See: items event for product data values. 



    Anchor
    richsnippets
    richsnippets
    Enhanced Rich Snippets

    You can add rich snippets to include key summary details about a website page when it displays in Google search results. An example might be to show ratings for a product's page on your site.   

    Learn more: https://developers.google.com/search/blog/2009/05/introducing-rich-snippets


    Related Resources

    Content by Label
    showLabelsfalse
    max5
    spacesKB
    showSpacefalse
    sortmodified
    reversetrue
    typepage
    excludeCurrenttrue
    cqllabel in ("google","analytics") and type = "page" and space = "KB"
    labelsGoogle Analytics