RudderStack lets you send your event data to Google Analytics 4 destination via the device mode using the native web SDK. It supports the gtag way of tagging in websites in the device mode.

You need to select gtag.js as the Client Type and enable Use device-mode to send events in the Rudderstack dashboard to send events via the device mode. For more information on device mode settings in the Rudderstack dashboard, refer to the Setting up Google Analytics 4 guide.

For more information on sending events via the device mode, refer to the RudderStack Connection Modes guide.
Find the open source JavaScript SDK code for this destination in the GitHub repository.

Identify

The identify call lets you identify a visiting user and associate them to their actions. It also lets you record the traits about them like their name, email address, etc.

User-ID is an advanced feature that lets GA4 present a cross-device, cross-platform view of your customers' behavior. Google Analytics 4 uses userId and deviceId (GA's cid value from Universal Analytics terminology) to identify users.

A sample identify call is as shown:

rudderanalytics.identify("1hKOmRA4el9Zt1WSfVJIVo4GRlm", {
name: "Alex Keener",
email: "alex@example.com",
})

In the above snippet, the userId will be set to 1hKOmRA4el9Zt1WSfVJIVo4GRlm for Google Analytics and the name and email will be set as user_properties.

Page

The page call lets you record your website's page views with any additional relevant information about the viewed page.

Google Analytics 4 gtag sends a page_view event to Google Analytics by default every-time it is loaded. You can also send page_view event to Google Analytics whenever you make an explicit page() call to RudderStack SDK.

RudderStack sends the following properties by default:

  • path mapped to page_location
  • title mapped to page_title
  • referrer mapped to page_referrer

You can also make page() call with any custom and standard properties as shown below:

rudderanalytics.page({
path: "/test_browser.html",
url: "http://example.com/test_browser.html?param1=true",
title: "Page Load",
search: "?param1=true",
referrer: "referrer",
})

Track

The track call lets you capture user events along with the properties associated with them.

A sample track call is as shown:

rudderanalytics.track("Track me")

RudderStack SDK sends the track event name and any properties as custom properties to Google Analytics 4.

RudderStack SDK flattens the properties that are nested and not standard Google Analytics 4 properties before sending them to Google Analytics.
There are limits on the number of custom properties per event that can be sent to Google Analytics 4. The RudderStack SDK does not drop the payload based on these limits. If the events are don't show up in the debug view or in the Google Analytics dashboard reports, refer to Google support page to know more about the collection limits.

E-Commerce events tracking

RudderStack supports e-commerce tracking for Google Analytics 4. Use the E-commerce Events Specification guide for sending events while instrumenting your site with the RudderStack SDK.

Below are some examples of the track event names that are passed to Google Analytics 4-specific e-commerce event name:

RudderStack event nameGoogle Analytics 4 event name
Products Searchedsearch
Product List Viewedview_item_list
Promotion Viewedview_promotion
Product Clickedselect_item
Product Added To Wishlistadd_to_wishlist
Product Addedadd_to_cart
Cart Sharedshare
Checkout Startedbegin_checkout
Order Completedpurchase
For each product in the order, there must be an id and name associated. More info on Google Analytics 4 e-commerce event and corresponding properties can be found here.

FAQ

How can I enable Google Signals in GA4?

Google Signals helps you understand the interaction of users with your website across multiple devices and sessions. To enable Google Signals and capture user data, the following conditions must be met:

  • A user must be signed in to their Google Account on the website or app.
  • Ad Personalization must be enabled for their account.
The Google Signals feature is available in the web device mode only.

To enable Google Signals in GA4 and reflect the collected user data in your reports, follow the steps below:

  1. Log into your Google Analytics dashboard.

  2. Open the Admin panel by clicking on the gear icon at the bottom left.

    Google Signals
  3. Select the property for which you want to enable Google Signals. Then, go to Data Settings > Data Collection.

  4. Click Get Started in the Google signals data collection section, as shown:

    Google Signals
  5. Click Continue.

    Google Signals
  6. Read the additional information and click on Activate.

    Google Signals

Google Signals is now enabled. You will be able to see the Age, Gender, and other relevant data in GA4 Demographics reports after 24 hours.

Contact us

For queries on any of the sections covered in this guide, you can contact us or start a conversation in our Slack community.

Contents