fix: add gtm prefix to dataLayer props so they can be properly mapped

Author: Paulo Júnior

src/utils/addCustomEventListener.ts

@@ -28,14 +28,13 @@ export const addCustomClickEventListener = (eventName: string) => {
       window.dataLayer.push({
         event: eventName,
         gtm: {
-          element: targetElement,
-          elementId: targetElement.id || '',
-          elementClasses: targetElement.className || '',
-          elementUrl: targetElement.href || targetElement.action || '',
-          elementTarget: targetElement.target || '',
-          clickUrl: targetElement.href || targetElement.action || '',
-          clickText: targetElement.textContent || '',
-          originalEvent: event,
+          'gtm.element': targetElement,
+          'gtm.elementId': targetElement.id || '',
+          'gtm.elementClasses': targetElement.className || '',
+          'gtm.elementUrl': targetElement.href || targetElement.action || '',
+          'gtm.elementTarget': targetElement.target || '',
+          'gtm.elementText': targetElement.textContent || '',
+          'gtm.originalEvent': event,
           inShadowDom: shadowFound,
         },
       })