fix: custom event props to match mkt expectations

Author: Paulo Júnior

src/components/nav/Header.tsx

@@ -169,9 +169,9 @@ const Header = () => {
                     fill="none"
                     xmlns="http://www.w3.org/2000/svg"
                     stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
                     className="StyledIconBase-ea9ulj-0 jZGNBW"
                   >
                     <circle cx="11" cy="11" r="8"></circle>

src/index.tsx

@@ -7,4 +7,4 @@ registerCustomElement({
   component: App,
 })
 
-addCustomClickEventListener('custom_click_event')
+addCustomClickEventListener('doc_nav_click')

src/utils/addCustomEventListener.ts

@@ -27,12 +27,14 @@ export const addCustomClickEventListener = (eventName: string) => {
 
       window.dataLayer.push({
         event: eventName,
-        custom_event: {
+        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,
           inShadowDom: shadowFound,
         },