How to Setup Magento 2 GA4 (Google Analytics 4) with GTM?
Tags GA4

Follow below steps to Setup Magento 2 GA4 with GTM.

Step 1. Unzip the MageDelight's Magento 2 GA4 with GTM extension package file into the root folder of your Magento 2 installation.

Step 2. Connect to SSH console of your server:

Step 3. Navigate to the root folder of your Magento 2 setup

Step 4. Run the command as per the below sequence,

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:static-content:deploy

php bin/magento cache:clean
  • log out from the backend and log in again

If you are using Magento 2.3 or later then you do not need to activate a license. The extension will be activated with a silent activation mechanism and does not require activation keys to be entered manually.

Step 5. Do the following Backend Configuration (Admin side).

  • Enable: Set "Yes" to enable the module/extension. It will enable GA4 tracking for your store.

  • Client ID: Provide Client ID provided from Google Developer Console Apps.
  • Client Secret: Provide Client Secret generate from Google Developer Console.

Read here =>  Generate  Client ID & Client Secret 

Step 5. Create Google Analytics Client ID and Client Secret.

  • GTM Javascript Code: Provide GTM Javascript Code here with your unique GTM tracking ID.
  • GTM Non-JS Code: Provide GTM Non-Javascript Code here with your unique GTM tracking ID.

Magento 2 GTM account & container ID

  • Account ID: Provide GTM Account ID.
  • Container ID: Provide GTM Container ID.  
  • Measurement ID: Provide GTM Measurement ID.

  • Product Identifier: Select Product Identifier as either SKU or ID to share with Google Analytics.
    • SKU - Magento Product SKU will be shared with GA4 APIs
    • ID - Magento Product ID will be shared with GA4 APIs
  • Currency: Select currency as either Base Currency or Store Currency to share with Google Analytics.
    • Base Currency: Magento Store's Base Currency will be shared with GA4 APIs
    • Store Currency: Magento Store's Store Currency will be shared with GA4 APIs
    • Example:
      • Magento Store Base Currency is USD, and Store Currency is GBP. If your GA4 Panel shows USD currency, then select Base Currency, but if your GA4 Panel is configured to show data in GBP, then select Store Currency in MageDelight GA4 currency configurations. We assume that you have multi-currency enabled in Magento as USD and GBP (Store View).
  • Enable Brand: Select "Yes" to enable the brand. It will share values as Brands with GA4 APIs.
    • Brand Attribute: Provide Magento Attribute to share values with Google Analytics as Brands. I.e., Magento Product Attribute "brand" can be set as GA4 brand.
  • Enable Product Variant: Select "Yes" to enable the product variants to be shared with GA4 APIs.
    • Child vs Parent: If Child shared, then Child Products information will be shared with GA4 APIs else, Parent Products information will be shared with GA4 APIs. It will be helpful with Magento configurable products. I.e., Parent SKU "MT11" and child SKU "MT11-S-Blue" is set in Magento. For Parents, it will share MT11, but for child SKU, it will share "MT11-S-Blue" with GA4.

  • Checkout Success Path: Please provide the webpage URL of checkout success. I.e., "checkout/onepage/success".
  • Order Total Calculation: Provide the order total either as the value of Magento Subtotal or Magento Grand Total.
  • Exclude Tax From Transaction: Select "Yes" if you want to exclude tax from the transaction amount.
  • Exclude Shipping From Transaction: Select "Yes" if you want to exclude shipping from the transaction amount.
  • Persistent data layer expiry time: Provide values in minutes to persist (cookie) data layer.
  • Use Secure Cookies: Set "Yes" to share the cookie as a secure cookie. Your website must be with HTTPS to use secure cookies.
  • Is Allow Not Logged In customer: Set "Yes" to allow secure cookies for not logged-in customers.

Step 6. Generate GTM Tags for different custom events.

 

  • Provide "Public ID" (it can be found in your GTM account) to generate tags, triggers, and variables for GA4. It will be helpful to import the same to Google Analytics Panel.

Step 7. Import Container using a JSON file.

  • In GTM Dashboard access the Admin section and choose Import Container.
  • Click the Choose container file option and select the JSON file you previously prepared and downloaded.
  • Then, select a workspace (existing or new) and an import option.
  • When you import your container, you will be given the option of merging the imported content with the selected workspace or completely overwriting it. Overwriting the specified workspace will delete all of the workspace's current tags, triggers, and variables and replace them with the imported container.
  • After importing the generated JSON, a preview will appear, informing you of the number of modifications made to the container. Tags, Triggers, and Variables should be added or altered in varying quantities based on your Magento Admin settings. After you click Confirm, you should be finished importing your preferences.

Also read: How to Add Google Analytics 4 (GA4) with GTM to Magento 2?

Realtime Tracking Logs

MageDelight >> GA4 with GTM >> Reports >> Realtime Tracking Logs

  • Realtime Data in JSON format can be viewed in the admin panel.

Demo

Click here to visit frontend.

Click here to visit the backend admin panel.

Purchase

Buy Now => Magento 2 GA4 with GTM Extension from MageDelight.

FAQs

Refer this Magento 2 Google Analytics 4 (GA4) With GTM Support Extension’s FAQ Page for most common questions and it’s answers.

And if you need our professional assistance, feel free to contact us anytime.