diff --git a/packages/js/bundle.min.js b/packages/js/bundle.min.js
index 384255b8..e132967d 100644
--- a/packages/js/bundle.min.js
+++ b/packages/js/bundle.min.js
@@ -1 +1 @@
-var MatomoTracker=function(t){"use strict";var i=function(){return(i=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t}).apply(this,arguments)};function c(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(t);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a])&&(r[o[a]]=t[o[a]])}return r}var r={urlBase:null,siteId:1},p="trackEvent",a="trackLink",n="trackSiteSearch",e="trackPageView",u="trackEcommerceOrder",o="trackEcommerceCartUpdate",d=(m.initialize=function(t){var e=t.urlBase,r=t.siteId,o=t.trackerUrl,a=t.srcUrl,n=t.heartBeat,i=t.linkTracking,c=void 0===i||i;if("/"!==e[e.length-1]&&(e+="/"),"undefined"!=typeof window&&(window._paq=window._paq||[],0===window._paq.length)){window._paq.push(["setTrackerUrl",o||e+"matomo.php"]),window._paq.push(["setSiteId",r]),(!n||n&&n.active)&&this.enableHeartBeatTimer(15),this.enableLinkTracking(c);var p=document,u=p.createElement("script"),d=p.getElementsByTagName("script")[0];u.type="text/javascript",u.async=!0,u.defer=!0,u.src=a||e+"matomo.js",d&&d.parentNode&&d.parentNode.insertBefore(u,d)}},m.enableHeartBeatTimer=function(t){window._paq.push(["enableHeartBeatTimer",t])},m.enableLinkTracking=function(t){window._paq.push(["enableLinkTracking",t])},m.prototype.trackEvents=function(){var i=this,t=Array.from(document.querySelectorAll('[data-matomo-event="click"]'));t.length&&t.forEach(function(n){n.addEventListener("click",function(){var t=n.dataset,e=t.matomoCategory,r=t.matomoAction,o=t.matomoName,a=t.matomoValue;if(!e||!r)throw new Error("Error: data-matomo-category and data-matomo-action are required.");i.trackEvent({category:e,action:r,name:o,value:Number(a)})})})},m.prototype.trackEvent=function(t){var e=t.category,r=t.action,o=t.name,a=t.value,n=c(t,["category","action","name","value"]);if(!e||!r)throw new Error("Error: category and action are required.");this.track(i({data:[p,e,r,o,a]},n))},m.prototype.trackSiteSearch=function(t){var e=t.keyword,r=t.category,o=t.count,a=c(t,["keyword","category","count"]);if(!e)throw new Error("Error: keyword is required.");this.track(i({data:[n,e,r,o]},a))},m.prototype.trackLink=function(t){var e=t.href,r=t.linkType,o=void 0===r?"link":r;window._paq.push([a,e,o])},m.prototype.trackPageView=function(t){this.track(i({data:[e]},t))},m.prototype.addEcommerceItem=function(t){var e=t.sku,r=t.productName,o=t.productCategory,a=t.productPrice,n=void 0===a?0:a,i=t.productQuantity,c=void 0===i?1:i;window._paq.push(["addEcommerceItem",e,r,o,n,c])},m.prototype.trackEcommerceOrder=function(t){var e=t.orderId,r=t.orderRevenue,o=t.orderSubTotal,a=t.taxAmount,n=t.shippingAmount,i=t.discountOffered,c=void 0!==i&&i;this.track({data:[u,e,r,o,a,n,c]})},m.prototype.trackEcommerceCartUpdate=function(t){window._paq.push([o,t])},m.prototype.setEcommerceView=function(t){var e=t.sku,r=t.productName,o=t.productCategory,a=t.productPrice;window._paq.push(["setEcommerceView",e,r,o,a])},m.prototype.setEcommerceCategoryView=function(t){this.setEcommerceView({productCategory:t,productName:!1,sku:!1})},m.prototype.track=function(t){var e=t.data,r=void 0===e?[]:e,o=t.documentTitle,a=void 0===o?window.document.title:o,n=t.href,i=void 0===n?window.location.href:n,c=t.customDimensions,p=void 0!==c&&c;r.length&&(p&&Array.isArray(p)&&p.length&&p.map(function(t){return window._paq.push(["setCustomDimension",t.id,t.value])}),window._paq.push(["setCustomUrl",i]),window._paq.push(["setDocumentTitle",a]),window._paq.push(r))},m);function m(t){var e=i(i({},r),t);if(!e.urlBase)throw new Error("Matomo urlBase is required.");m.initialize(e)}var s=Object.freeze({__proto__:null});return"undefined"!=typeof window&&(window.MatomoTracker=d),t.default=d,t.types=s,t}({});
+var MatomoTracker=function(t){"use strict";var i=function(){return(i=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t}).apply(this,arguments)};function c(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,o=Object.getOwnPropertySymbols(t);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a])&&(r[o[a]]=t[o[a]]);return r}var r={urlBase:null,siteId:1},u="trackEvent",a="trackLink",n="trackSiteSearch",e="trackPageView",s="trackEcommerceOrder",o="trackEcommerceCartUpdate",d=(p.initialize=function(t){var e,r,o,a=t.urlBase,n=t.siteId,i=t.trackerUrl,c=t.srcUrl,u=t.heartBeat,s=t.linkTracking,d=void 0===s||s;"/"!==a[a.length-1]&&(a+="/"),"undefined"!=typeof window&&(window._paq=window._paq||[],0===window._paq.length&&(window._paq.push(["setTrackerUrl",i||a+"matomo.php"]),window._paq.push(["setSiteId",n]),(!u||u&&u.active)&&this.enableHeartBeatTimer(15),this.enableLinkTracking(d),r=(e=document).createElement("script"),o=e.getElementsByTagName("script")[0],r.type="text/javascript",r.async=!0,r.defer=!0,r.src=c||a+"matomo.js",o&&o.parentNode&&o.parentNode.insertBefore(r,o)))},p.enableHeartBeatTimer=function(t){window._paq.push(["enableHeartBeatTimer",t])},p.enableLinkTracking=function(t){window._paq.push(["enableLinkTracking",t])},p.prototype.trackEventsForElements=function(t){var i=this;t.length&&t.forEach(function(n){n.addEventListener("click",function(){var t=n.dataset,e=t.matomoCategory,r=t.matomoAction,o=t.matomoName,a=t.matomoValue;if(!e||!r)throw new Error("Error: data-matomo-category and data-matomo-action are required.");i.trackEvent({category:e,action:r,name:o,value:Number(a)})})})},p.prototype.trackEvents=function(){var t,o=this,a='[data-matomo-event="click"]',e=!1;this.mutationObserver||(e=!0,this.mutationObserver=new MutationObserver(function(t){for(var e=0,r=t;e<r.length;e++)r[e].addedNodes.forEach(function(t){var e;t instanceof HTMLElement&&(t.matches(a)&&o.trackEventsForElements([t]),e=Array.from(t.querySelectorAll(a)),o.trackEventsForElements(e))})})),this.mutationObserver.observe(document,{childList:!0,subtree:!0}),e&&(t=Array.from(document.querySelectorAll(a)),this.trackEventsForElements(t))},p.prototype.stopObserving=function(){this.mutationObserver&&this.mutationObserver.disconnect()},p.prototype.trackEvent=function(t){var e=t.category,r=t.action,o=t.name,a=t.value,n=c(t,["category","action","name","value"]);if(!e||!r)throw new Error("Error: category and action are required.");this.track(i({data:[u,e,r,o,a]},n))},p.prototype.trackSiteSearch=function(t){var e=t.keyword,r=t.category,o=t.count,a=c(t,["keyword","category","count"]);if(!e)throw new Error("Error: keyword is required.");this.track(i({data:[n,e,r,o]},a))},p.prototype.trackLink=function(t){var e=t.href,r=t.linkType,o=void 0===r?"link":r;window._paq.push([a,e,o])},p.prototype.trackPageView=function(t){this.track(i({data:[e]},t))},p.prototype.addEcommerceItem=function(t){var e=t.sku,r=t.productName,o=t.productCategory,a=t.productPrice,n=void 0===a?0:a,i=t.productQuantity,c=void 0===i?1:i;window._paq.push(["addEcommerceItem",e,r,o,n,c])},p.prototype.trackEcommerceOrder=function(t){var e=t.orderId,r=t.orderRevenue,o=t.orderSubTotal,a=t.taxAmount,n=t.shippingAmount,i=t.discountOffered,c=void 0!==i&&i;this.track({data:[s,e,r,o,a,n,c]})},p.prototype.trackEcommerceCartUpdate=function(t){window._paq.push([o,t])},p.prototype.setEcommerceView=function(t){var e=t.sku,r=t.productName,o=t.productCategory,a=t.productPrice;window._paq.push(["setEcommerceView",e,r,o,a])},p.prototype.setEcommerceCategoryView=function(t){this.setEcommerceView({productCategory:t,productName:!1,sku:!1})},p.prototype.track=function(t){var e=t.data,r=void 0===e?[]:e,o=t.documentTitle,a=void 0===o?window.document.title:o,n=t.href,i=void 0===n?window.location.href:n,c=t.customDimensions,u=void 0!==c&&c;r.length&&(u&&Array.isArray(u)&&u.length&&u.map(function(t){return window._paq.push(["setCustomDimension",t.id,t.value])}),window._paq.push(["setCustomUrl",i]),window._paq.push(["setDocumentTitle",a]),window._paq.push(r))},p);function p(t){var e=i(i({},r),t);if(!e.urlBase)throw new Error("Matomo urlBase is required.");p.initialize(e)}var m=Object.freeze({__proto__:null});return"undefined"!=typeof window&&(window.MatomoTracker=d),t.default=d,t.types=m,t}({});
diff --git a/packages/js/example/index.html b/packages/js/example/index.html
index 81eb095a..718df485 100644
--- a/packages/js/example/index.html
+++ b/packages/js/example/index.html
@@ -27,6 +27,15 @@
       Track me!
     </button>
 
+    </br>
+
+    <button
+      onclick="addDynamicButton()"
+    >
+      Add dynamic button
+    </button>
+    <div id="buttonContainer"></div>
+
     <script src="../bundle.min.js"></script>
     <script>
       const MatomoInstance = new window.MatomoTracker.default({
@@ -35,6 +44,21 @@
       })
 
       MatomoInstance.trackEvents()
+
+      var buttonNum = 0
+      function addDynamicButton(data) {
+        buttonNum += 1
+        var button = document.createElement("button");
+        button.setAttribute("data-matomo-event", "click")
+        button.setAttribute("data-matomo-category", "sample-page")
+        button.setAttribute("data-matomo-action", "click-event")
+        button.setAttribute("data-matomo-name", "testDynamicButton")
+        button.setAttribute("data-matomo-value", buttonNum)
+        button.innerHTML = `Track Event ${buttonNum}`;
+
+        var buttonContainer = document.getElementById("buttonContainer");
+        buttonContainer.appendChild(button);
+      }
     </script>
   </body>
 </html>
diff --git a/packages/js/src/MatomoTracker.ts b/packages/js/src/MatomoTracker.ts
index e3fe803d..6de5b3cd 100644
--- a/packages/js/src/MatomoTracker.ts
+++ b/packages/js/src/MatomoTracker.ts
@@ -13,6 +13,8 @@ import {
 } from './types'
 
 class MatomoTracker {
+  mutationObserver?: MutationObserver
+
   constructor(userOptions: UserOptions) {
     const options = { ...defaultOptions, ...userOptions }
     if (!options.urlBase) {
@@ -78,11 +80,7 @@ class MatomoTracker {
     window._paq.push(['enableLinkTracking', active])
   }
 
-  // Tracks events based on data attributes
-  trackEvents() {
-    const elements = Array.from(
-      document.querySelectorAll<HTMLElement>('[data-matomo-event="click"]'),
-    )
+  private trackEventsForElements(elements: HTMLElement[]) {
     if (elements.length) {
       elements.forEach((element) => {
         element.addEventListener('click', () => {
@@ -109,6 +107,49 @@ class MatomoTracker {
     }
   }
 
+  // Tracks events based on data attributes
+  trackEvents() {
+    const matchString = '[data-matomo-event="click"]'
+    let firstTime = false
+    if (!this.mutationObserver) {
+      firstTime = true
+      this.mutationObserver = new MutationObserver((mutations) => {
+        for (const mutation of mutations) {
+          // Iterate over NodeList by indices (es15 does not allow using 'let node of mutation.addedNodes')
+          mutation.addedNodes.forEach((node) => {
+            // only track HTML elements
+            if (!(node instanceof HTMLElement)) return
+
+            // check the inserted element for being a code snippet
+            if (node.matches(matchString)) {
+              this.trackEventsForElements([node])
+            }
+
+            const elements = Array.from(
+              node.querySelectorAll<HTMLElement>(matchString),
+            )
+            this.trackEventsForElements(elements)
+          })
+        }
+      })
+    }
+    this.mutationObserver.observe(document, { childList: true, subtree: true })
+
+    // Now track all already existing elements
+    if (firstTime) {
+      const elements = Array.from(
+        document.querySelectorAll<HTMLElement>(matchString),
+      )
+      this.trackEventsForElements(elements)
+    }
+  }
+
+  stopObserving() {
+    if (this.mutationObserver) {
+      this.mutationObserver.disconnect()
+    }
+  }
+
   // Tracks events
   // https://matomo.org/docs/event-tracking/#tracking-events
   trackEvent({
diff --git a/packages/react/src/types.ts b/packages/react/src/types.ts
index e0ddab36..598c5ad4 100644
--- a/packages/react/src/types.ts
+++ b/packages/react/src/types.ts
@@ -2,6 +2,7 @@ import { types } from '@datapunt/matomo-tracker-js'
 
 export interface MatomoInstance {
   trackEvent?: Function
+  trackEvents?: Function
   trackPageView?: Function
   trackSiteSearch?: Function
   trackLink?: Function
diff --git a/packages/react/src/useMatomo.ts b/packages/react/src/useMatomo.ts
index 59a22e3e..591d1996 100644
--- a/packages/react/src/useMatomo.ts
+++ b/packages/react/src/useMatomo.ts
@@ -18,6 +18,8 @@ function useMatomo() {
   const trackEvent = (params: TrackEventParams) =>
     instance.trackEvent && instance.trackEvent(params)
 
+  const trackEvents = () => instance.trackEvents && instance.trackEvents()
+
   const trackSiteSearch = (params: TrackSiteSearchParams) =>
     instance.trackSiteSearch && instance.trackSiteSearch(params)
 
@@ -28,6 +30,7 @@ function useMatomo() {
 
   return {
     trackEvent,
+    trackEvents,
     trackPageView,
     trackSiteSearch,
     trackLink,