Add an analytics report regarding who clicked on the banner

A brief report regarding how many people viewed and clicked on the banner.

1 Like

Hi there, @BCE_PHARMA :wave:

Views statistics is available on your dashboard. Feel free to check it there:


As for the clicks tracking, our devs came up with a Google Analytics code for you. 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 to the Custom JS section 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*="ButtonBase__ButtonContainer-sc"]', {
    action: 'click',
    category: 'Elfsight Announcement Bar',
    label: 'Click CTA Button'
  });
}, true);

Here is the required section:


Please try it out and let me know if it helped :wink:

2 Likes