Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section

Backend Configuration (Admin side)



Section


Panel

Image RemovedImage Added

  • Enable: Set "Yes" to enable the GA4 with GTM module/extension. It will enable GA4 tracking for your store. .
  • Associated Google Account: Enter your Google email to identify the associated GA4 account.
  • GA4 API Keys: Enter the AI key that you generated from the Google Analytics 4 Panel
  • Cookie Consent Based Tracking: Enable/disable GA4 tracking for customers.
  • Strict Domain Tracking: Option to enable/disable strict domain tracking.
  • Domain: You can add the domain name for the Ga4 tracking.


Section


Panel

Image Removed

  • Client ID: Provide Client ID provided from Google Developer Console Apps.
  • Client Secret: Provide Client Secret generate from Google Developer Console. 
Expand
titleSteps to Create Google Analytics Client ID and Client Secret
  1. Step 1
    1. Navigate to https://console.cloud.google.com/ and select an existing project or create a new one
    2. At the top of the screen, search for Analytics API
    3. Enable the API
  2. Step 2
    1. On the same Google Analytics API page, go to Credentials
    2. Click the Create Credentials button, and then from the menu, select API key
  3. Step 3
    1. On the same Google Analytics API page, go to the OAuth consent screen
    2. Fill in the App name, User support email, and Developer contact information fields
    3. Click the Save and continue button until the last page, Summary, without changing anything on Scopes and Optional info subpages
  4. Step 4
    1. Click the Create Credentials button, and then from the menu, select OAuth client ID
    2. Select Web Application, enter Name and paste the Authorized redirect URIs from your MainWP Dashboard > Extensions > Google Analytics > Add Account page, and click the Create button
  5. Step 5
    1. On the Credentials page, click Click Download OAuth client to your computer for later
  6. Step 6
    1. Click the OAuth consent screen, then click Publish App button & click Confirm Button
  7. Step 7
    1. Locate the Credentials you saved to your computer & open them in a text editor of your choice.
    2. Navigate to MainWP > Extensions > Google Analytics > Add Account
    3. Enter your Credentials & click Connect Account
    4. Note: ( PROJECT ID = ACCOUNT NAME )
  8. Step 8
    1. Select Your Google Analytics Account
    2. Click Continue to give consent to your MainWP Dashboard
    3. Click Advanced on the SSL Warning ( don’t worry about this – you’re ok )
    4. Click Goto Unsafe Website.

Done: Please check the Manage Accounts tab to verify a successful connection

Important Notes: If the process keeps failing for you, please try a different browser and ensure that any ad-blocker add-ons in your browser are disabled.

Section
Panel

Image Removed

  • 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.
Section
Panel

Image Removed

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

Image Removed

Section
Panel

Image Removed

Section
Panel

Image Removed

Section

Backend Functionality

Section
Panel
Image Removed

Image Added

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


Section


Panel

Image Added

  • Account ID: Provide the Google Tag Manager (GTM) Account ID associated with your setup.
  • Container ID: Provide the GTM Container ID for the specific container you wish to use.
  • Measurement ID: Provide the Google Analytics 4 (GA4) Measurement ID to link your data stream.
  • Export Triggers and Tags: Click on "Generate" button to get the JSON file for the GTM.


Section


Panel

Image Added

  • Promotion Tracking: Set to "Yes" to enable promotion tracking in GA4.
  • Event List: Select the event from the provided list that you wish to track for the promotional event.



Section


Panel

Image Added

  • Product Identifier: Select either SKU or ID to share with Google Analytics:

    • SKU: Shares the Magento Product SKU.
    • ID: Shares the Magento Product ID.
  • Currency: Choose between Base Currency or Store Currency for GA4:

    • Base Currency: Shares the store's base currency (e.g., USD).
    • Store Currency: Shares the store's local currency (e.g., GBP).
    • For multi-currency setups, select based on your GA4 panel configuration.
  • Enable Brand: Select "Yes" to enable brand tracking, which shares brand values with GA4 APIs.

  • Brand Attribute: Specify the Magento attribute (e.g., "brand") to share brand values with Google Analytics.

  • Enable Product Variant: Select "Yes" to enable sharing of product variant information (e.g., size, color) with GA4 APIs.

  • Child vs Parent:

    • If Child is selected, GA4 APIs will receive Child Product information.
    • If Parent is selected, only Parent Product information will be shared.
    • This is useful for tracking configurable products (e.g., Parent SKU "MT11" shares "MT11," while Child SKU "MT11-S-Blue" shares "MT11-S-Blue"
  • Checkout Success Page Path: Specify the URL path for the checkout success page to track successful transactions.

  • Order Total Calculation: Select the appropriate option from the dropdown list:

    • Subtotal: Includes only the subtotal of the order.
    • Grand Total: Includes the subtotal, taxes, and shipping costs for the entire order.
  • Exclude Tax From Transaction: Select "Yes" to exclude tax from the transaction total when sending data to GA4.

  • Exclude Shipping From Transaction: Select "Yes" to exclude shipping costs from the transaction total when sending data to GA4.


Section


Panel

Image Added

  • Custom Attribute 1: Select Yes or No to define a custom attribute for tracking or categorizing specific data.
  • Product Attribute 1: Select the product-specific attribute from the dropdown list for categorization or tracking purposes.
  • Custom Attribute 2: Select Yes or No to define a second custom attribute for additional tracking or categorization.
  • Product Attribute 2: Select a second product-specific attribute from the dropdown list for further categorization.
  • Custom Attribute 3: Define a third custom attribute for enhanced data tracking.
  • Custom Attribute 4: Define a fourth custom attribute for further data categorization.
  • Custom Attribute 5: Define a fifth custom attribute for additional data tracking or segmentation


Section


Panel

Image Added

  • Enable AdWords: Set to 'Yes' to enable functionality of Google Adwords conversions tracking.
  • Google Ads Code GA4: Enter the GA4 Google Ads tracking code to integrate with Google Ads for conversion tracking.
  • Google Adword Remarketing: Enable remarketing by providing the Conversion ID and Label ID from your Google Ads account and enter the script.
  • Container ID: Enterthe Google Conversion ID from your Google Ads account.
  • Label ID: Enterthe Google Conversion ID from your Google Ads account.


Section


Panel

Image Added

  • Real-time Tracking: Set to Yes or No to enable or disable real-time tracking functionality.

  • Show User Email:

    • If set to Yes, the user's email address will be stored in the database. Please note, the email will not be sent to Google Analytics and is for admin use only. This setting may not support full-page cache functionality.
    • If set to No, the user's email address will not be captured or stored in the database, allowing support for Magento's full-page cache.


Section


Panel

Image Added

  • Enable: Set to Yes to activate the related functionality.
  • Measurement ID: Enter the GA4 Measurement ID to track events.
  • API Secret: Enter the API Secret for secure integration with Google Analytics.
  • Event List: Specify the list of events you wish to track.
  • Send User-ID: Set to Yes to send the User-ID to Google Analytics for user tracking.
  • Automatically Disable Data Layer for Enabled Measurement Protocol Events: Set to Yes to disable the data layer when measurement protocol events are enabled.
  • Enable Debug Collect: Set to Yes to enable debug mode for event collection and troubleshooting.


Section


Panel

Image Added

  • Enable Cron: Set to Yes to activate cron job functionality for scheduled tasks.
  • Auto-Delete Logs After Days: Specify the number of days after which logs will be automatically deleted.
  • Frequency: Set the frequency for cron job execution (e.g., daily, weekly, and monthly).
  • Time: Specify the time at which the cron job will run.



Section

Backend Functionality



Section

Realtime Tracking Logs

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

Panel

Image Added

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



Section

Demo


Click here to visit frontend.

Click here to visit the backend admin panel.

Section
Sample Data


Section

Purchase


Click here to purchase from MageDelight.

Click here to purchase from Magento Marketplace. (Composer installation supported)

...