Click Tracker

Wishlist Banner
1

It would be great to see how many times the button has been clicked on

2 Likes
2

Welcome to the Community, @Aleksey_Volchek :waving_hand:

Thank you so much for the feedback!

I agree that it would be awesome to have a click tracker right in the dashboard. If this idea gets more votes, we’ll try to think it over in the future.

As for now, you can track clicks on the button using the Google Analytics code. Please add this part of the code to your website <head>:

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

In the code above, you need to replace G-ID with your actual website ID for Google Analytics. This article will help you find your ID - Find your Google tag ID.

And then just add the rest of the script to the Custom JS field on the Settings tab of your widget’s settings:

function eappsDispatchAnalyticsEvent(event, selector, config) {
	function sendEvent(config) {
		if (typeof ga !== 'undefined') {
			ga('send', 'event', {
				eventAction: config.action,
				eventCategory: config.category,
				eventLabel: config.label,
			});
		}
		if (typeof gtag !== 'undefined') {
			gtag('event', config.action, {
				event_category: config.category,
				event_label: config.label,
			});
		}
	}
	function isHitClass(e, selector) {
		return e.target && e.target.closest(selector);
	}
	if (isHitClass(event, selector)) {
		sendEvent(config);
	}
}

document.addEventListener(
	'click',
	function (event) {
		eappsDispatchAnalyticsEvent(
			event,
			'[class*="Block__BaseBlock-sc"] > button[type="button"]',
			{
				action: 'click',
				category: 'Elfsight Banner',
				label: 'Click to Banner Button',
			}
		);
	},
	true
);

This article explains where you can find the info about clicks - Google Analytics 4 (GA4): Where to find my events - Elfsight Help Center.

Try it out and let us know if it helped :slightly_smiling_face:

1 Like