Log campaign events to Google Analytics

This article will describe three different ways of working with campaign follow-up in Google Analytics. 

Log all campaign events

By listening to Triggerbee Onsite Campaign events, data can be sent to Google Analytics when a campaign is opened (eg. visitor viewed the campaign), a campaign is closed, submitted etc. All Triggerbee events and event data that you can use can be found here.

If you prefer working with Google Analytics through Google Tag Manager, check out this article about how to add the campaign events and campaign data to GTM.

Here is an example on how to track clicks and form submissions (including survey responses):

document.addEventListener("onTriggerbeeWidgetClicked", function (event) {
	ga('send', 'event', {
		eventCategory: 'Triggerbee',
		eventAction: 'Campaign Clicked',
		eventLabel: event.detail.campaignName
	});
});
document.addEventListener("onAfterTriggerbeeFormSubmitted", function (event) {
	ga('send', 'event', {
		eventCategory: 'Triggerbee',
		eventAction: 'Campaign Form Submission',
		eventLabel: event.detail.campaignName
	});
});

GA4

If you have switched to GA4 - this is the code example for you. Before you trigger any events, you need to configure them in your GA4 account under Admin > Property > Events > Create event. We recommend the following events and custom dimensions:

• Events: "tb_campaign_click" and "tb_campaign_form_submission"
• Custom dimension: "campaign_name" (which will contain the campaign name)

There are also events for campaigns viewed and closed etc., but those are usually not as relevant as click and submissions.

Here is an example on how to track clicks and form submissions in GA4 (including survey responses):

window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'YOUR-GA4-TRACKING-ID');
document.addEventListener("onTriggerbeeWidgetClicked", function (event) {     
    gtag('event', 'tb_campaign_click', {
        'campaign_name': event.detail.campaignName
    });
});
document.addEventListener("onAfterTriggerbeeFormSubmitted", function (event) {     
    gtag('event', 'tb_campaign_form_submission', {
        'campaign_name': event.detail.campaignName
    });
});

Logging specific click events

Inside the Triggerbee Onsite Campaign Editor, scripts can also be added to execute on specific clicks. This is especially useful when having several buttons or multiple action points in your campaign. The general onTriggerbeeWidgetClicked event that is explained above will aggregate any clicks in every campaign you publish, but with button scripts - each button can have its own tracking.

This is done by adding the full GA tracker event (in the example above), or - if you want to minimize code, using the short version, eg: 

ga('send','event','Triggerbee','Button Clicked','Winter Campaign');

Note: The script snippet is only an example. It needs to be adjusted to fit your Google Analytics setup.

Using UTM links as tracking

Inside the Triggerbee Onsite Campaign Editor, GA tracking can also be added via UTM links on specific clicks. Just add your UTM-tracking to the URL you want the button or widget to link to. For example:

https://www.yourwebpage.com?utm_source=triggerbee&utm_medium=widget&utm_campaign=wintercampaign