I would like to see how many clicks the WhasApp button has, so I can separate it from other sources. The view stats is not useful, because it´s the exact stats as the page views number.
1 Like
Hi there, @Emiliano and welcome aboard
Happy to say that you can track clicks on the WhatsApp Chat button using the Google Analytics code. For this, please add this part of the code to your website’s <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 right before closing </body>
tag:
<script>
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*="Bubble__BubbleComponent"]', {
action: 'click',
category: 'Open/Close WhatsApp Chat Widget',
label: 'Open/Close WhatsApp Chat Widget'
});
eappsDispatchAnalyticsEvent(event, "button[title='WhatsApp']", {
action: 'click',
category: 'Click WhatsAppChat',
label: 'Click WhatsAppChat'
});
}, true);
</script>
This article explains where you can find the info about clicks - Google Analytics 4 (GA4): Where to find my events - Elfsight Help Center
Please let me know if it helps and if you have any other questions
1 Like