Sending eSputnik Widget Events to Google Analytics

You can send the events data related to the interaction of users with your eSputnik widgets to your Google Analytics (GA) account.

eSputnik supports the Universal Analytics and Google Analytics 4 scripts for tracking events on your website. You have to install the script, using one of the following methods:

• Setting up GA4 script for a website (directly into the website code).
• Setting up GA4 with GTM.

📘

Important

It is recommended to install the Google Analytics 4 script, since the Google Universal Analytics property will stop processing data starting on July 1, 2023 (July 1, 2024, for Analytics 360 properties).

After that, you have to enable exporting the widget event data to Google Analytics.

Setting Up GA4 Script for a Website

To set up the Google Analytics GA4 script for a website:

1. In your GA account, select the Admin icon to open the GA settings.

2. Click Create → Property.

3. In the Property setup, enter the property name, select the country, the time zone and the currency, then click Next.

4. Describe your business — indicate the industry category and company size..

Choose your business objectives and click Create.

6. Select the Web platform in the property menu.

6. Enter the website URL and the stream name in the corresponding boxes, then click Create & continue.

7. Click the copy icon beside the Measurement ID in the Web stream details window.

8. Go to your site and insert the following code after the tag, where substitute MEASUREMENT_ID with the one copied in the previous step.

<!-- Google Analytics -->
   <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id={MEASUREMENT_ID}"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '{MEASUREMENT_ID}');
</script>

Setting Up GA4 with GTM

Before proceeding to setting up GA4 with GTM, you have to:

1. Create a GTM account and a container following these instructions.
2. Follow the GTM standard web page installation instructions.

To set up Google Analytics 4 (GA4) with Google Tag Manager (GTM):

1. Follow steps 1 to 6 described in Setting up GA4 script for a website section.
2. In Tag Manager, select Tags in the left-hand side menu and click New to create a new tag.

3. Set the following tag configuration and triggering, then click Save:

• Select Google Analytics: GA4 Event as Tag Type.
• Use the measurement ID copied in step 7 of this instruction.
• Select All pages for Firing Triggers.

4. In the left-hand side menu, select Triggers and then New to create a new trigger.

5. In the slideout window, enter the trigger name and click the Trigger Configuration pane.

6. Set the following configuration in the trigger configuration window:

• Select Custom Event as the trigger type.
• Enter esputnik as the event name.
• Select All Custom Events for the trigger to fire on.

7. Go to Variables in the left-hand side menu, and select New in the User-Defined Variables pane.

8. In the slide-out window, enter configuration name and click the Variable Configuration pane.

9. In the slide-out window, set the following parameters, then click Save:

• Variable Type
• Data Layer Variable Name
• Data Layer Version

You have to create the 3 variables with the following parameters:

10. Go to Tags in the left-hand side menu, and create a new tag with the following configuration, then click Save:

• Select Google Analytics: GA4 Configuration as Tag Type.
• Select the tag you created at step 3 in Configuration Tag.
• Enter esputnik as the event name.
• In Event Parameters, use the parameters and their values created in steps 8 and 9.
• In Firing Triggers, select esputnik event.

9. Click Submit on the top panel.

Enabling Widget Event Data Exporting to GA

To enable the widget event data transfer:

1. In your eSputnik account, click Site — Widgets, and select the widget type in the left-hand side menu.

2. Select the widget, which events you want to export.
3. In the Widget Details menu, select Integrations and enable the Export data to Google Analytics slide button.

All the event data collected for that widget will be passed automatically to your GA account.

Viewing the Real-time Analytics

To view the real-time analytics in your GA account:

1. Select Reports → Realtime in the left-hand side menu.
2. Select esputnik in the Event name column.

The list of event parameters displays. Click them to see the events.

The highlighted parameters are explained in the following table.

Event Categories and Actions

GA displays eSputnik events in a table as shown below.

The Event Category column contains the description of a widget/form type as described in the following table.

The Event Action column in GA contains the action type made on a widget. The event actions are explained in the table below.

The [ID] part of the events for a specific widget sending its data to GA has the following structure: f(form){id}v(variant){id}, where “f(form){id}” is the form ID and “v(variant){id}” is the form variant ID (see Note).

For example, FormShow_f781v781 in your GA table means that the form with the ID of 781, and the variant ID of 781 was displayed on a site.

The form ID is displayed in eSputnik, on the Widgets page in the ID column.