Track clicks for social media bar

Wishlist Social Media Icons
1

I would love to track the clicks on the social media buttons.

1 Like
2

Happy to see you in our Community! Welcome @user6204 :tada:

I agree that it would be awesome to track clicks right from the dashboard and we’ll try to consider this opportunity in the future,

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

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

In the code above, you need to replace UA-ID with your actual website ID for Google Analytics. If you are using Google Analytics 4, you need to use G-ID instead of UA-ID (see screenshot). 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 tag:

<script>
function sendAnalyticsEvent(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
    });
  }
}
document.addEventListener('click', function (event) {
	const findAncestor = (el, cls) => {
    while ((el = el.parentNode) && el.className.length < 0) ;
    while ((el = el.parentNode) && (el.className.indexOf(cls) < 0) && el.title) ;
    return el;
  }
  const element = findAncestor(event.target, 'eapps-social-icons-item');
  if (element) {
    sendAnalyticsEvent({
      action: 'click',
      category: 'Elfsight Social Media Icons Button',
      label: element.title
    })
  }
}, true);
</script>

Check it out and let me know how it worked for you :slightly_smiling_face: