First steps

Onboarding With Yespo

Account Management

Courses

Events and Behaviour Tracking

External Data Sources

Web Tracking Overview

User Data

Importing Historical Data

User Profile

Customer Identifiers and Matching

Subscriber Data Collection

Uploading File with User Profile Data

Email

Email Setting Up

Launching an Email Campaign

Email Editor

AMP

Omnichannel

Mobile Push

App Inbox

In-App

Creating In-App Message

Web Push

Viber

SMS

Widgets

Automation

Segmentation

Introduction to Workflows

Workflow Examples

Orders

Zapier

Personalization

Personalization and Dynamic Variables

Introduction to Velocity

Promocodes

Analytics

Campaigns Analytics

Contact Reports

Multilanguage Campaigns

Multilanguage Overview

Recommendations

Recommendations Overview

Recommendations in Media Channels

Setting Up Product Recommendations for Email

Recommendations in Mobile App

API

API Methods

Move In

Migration

How to Migrate to our Platform from Other Services

Security and Compliance

GDPR Compliance

GDPR Overview

Integration

Website Integration

Sending Yespo Widget Events to Google Analytics

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

Yespo 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.

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

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).

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.

Opening GA Settings

2. Click Create property.

Selecting Create Property

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

Selecting Property Details

4. In About your business, select the items describing your business, and click Create.

Selecting Business Information and Create

5. In your created property menu, select the Data Streams item and click the Web icon.

Selecting Web Platform

6. In the slideout menu, enter the website URL and the stream name in the corresponding boxes, then click Create stream.

Setting up Your Web Stream

7. In the Web stream details menu, click the copy icon beside the Measurement ID.

Copying Measurement ID

8. Go to your site and insert the following code after the <head> 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 the 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. In the slideout window, enter the tag name, set the following tag configuration and triggering, then click Save:

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

Setting Tag Configuration and Triggering

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

Creating New Trigger

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

Selecting Trigger Configuration

6. Set the following configuration in the trigger configuration window, then click Save:

Select Custom Event as Trigger Type.
Enter sputnik as Event name.
Select All Custom Events for the trigger to fire on.

Setting Trigger Configuration

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

Creting New Variables

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

Selecting Variable Configuration

9. Set the following variable configuration, then click Save:

Variable Type
Data Layer Variable Name
Data Layer Version

Setting Variable Configuration

You have to create 3 variables with the following parameters:

Variable Type	Data Layer Variable Name	Data Layer Version
Data Layer Variable	eventAction	Version 2
Data Layer Variable	eventCategory	Version 2
Data Layer Variable	eventLabel	Version 2

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 Event as Tag Type.
Select the tag you created at step 3 as Configuration Tag.
Enter sputnik as the event name.
In Event Parameters, use the parameters and their values created in steps 8 and 9.
In Firing Triggers, select sputnik event.

Creating Google Analytics: GA4 Event Tag Type

11. Click Submit on the top panel.

Submitting Workspace Changes

Enabling widget event data exporting to GA

To enable the widget data transfer:

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

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

Export data to Google Analytics

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.

Selecting Realtime Reports

2. In the Event count by Event name pane, Select sputnik in the Event name column.

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

Event Parameters

The highlighted parameters are explained in the following table.

Parameter	Description
eventAction	It contains the events as described in Event categories and actions.
eventCategory	Widget type.
eventLable	Widget ID.

Event categories and actions

GA displays Yespo events in a table as shown below.

Yespo events

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

Widget/form type	Description
BUILT_IN	Inline widget/form
DETACHED	Pop-ups
FLOATING_BOX	Floating box, informer
LAUNCHER	Launcher
CONTENT_LOCKER	Content locker

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

Event Action	Description
LauncherShow_[ID]	The launcher button displays on a website.
LauncherClick_[ID]	The launcher button clicked.
FormShow_[ID]	The form displays on a website.
FormClose_[ID]	A site visitor closed the form.
FormStartFilling_[ID]	A site visitor started filling up the form.
FormFinish_[ID]	A site visitor filled in the subscription form (clicked “Subscribe”, no form validation errors).
FormSuccessSubscribe_[ID]	Form filling up status (subscription success).
FormAlreadySubscribe_[ID]	Form filling up status (already subscribed).
FormErrorSubscribe_[ID]	Form filling up status (subscription error).

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.

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 Yespo, on the Widgets page in the ID column.

ID column