mkfashion-sdk 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mkfashion-sdk",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "SDK para integrar o provador virtual mKFashion com suporte a Wake Commerce",
   "main": "src/mkfashion.js",
   "scripts": {

package/src/mkfashion.js

@@ -30,6 +30,13 @@ const mkfashion = {
   apiUrl: 'https://mkfashion-api.mk3dlabs.com',
   debug: false,
 
+  // GA4 Measurement Protocol
+  _ga4: {
+    measurementId: 'G-LPV8HY4JPQ',
+    apiSecret: 'hNzENdMxTcOJTA4COfzEFA',
+    clientId: null
+  },
+
   // Estado interno
   _iframe: null,
   _modal: null,
@@ -576,6 +583,11 @@ const mkfashion = {
           this._triggerCallback('onError', data)
           break
 
+        case 'analytics_event':
+          this._log('Evento analytics', data)
+          this._sendToGA4(data.event_name, data.params)
+          break
+
         default:
           this._log('Acao desconhecida:', action)
       }
@@ -591,6 +603,53 @@ const mkfashion = {
       this._messageHandler = null
       this._log('Listener de mensagens removido')
     }
+  },
+
+  // ============ GA4 MEASUREMENT PROTOCOL ============
+
+  _getOrCreateClientId() {
+    if (this._ga4.clientId) {
+      return this._ga4.clientId
+    }
+
+    // Tenta pegar do localStorage
+    let clientId = localStorage.getItem('mkfashion_ga4_client_id')
+
+    if (!clientId) {
+      // Gera um novo client_id (formato: timestamp.random)
+      clientId = `${Date.now()}.${Math.floor(Math.random() * 1000000000)}`
+      localStorage.setItem('mkfashion_ga4_client_id', clientId)
+    }
+
+    this._ga4.clientId = clientId
+    return clientId
+  },
+
+  async _sendToGA4(eventName, params = {}) {
+    try {
+      const url = `https://www.google-analytics.com/mp/collect?measurement_id=${this._ga4.measurementId}&api_secret=${this._ga4.apiSecret}`
+
+      const payload = {
+        client_id: this._getOrCreateClientId(),
+        events: [{
+          name: eventName,
+          params: {
+            ...params,
+            engagement_time_msec: 100
+          }
+        }]
+      }
+
+      const response = await fetch(url, {
+        method: 'POST',
+        body: JSON.stringify(payload)
+      })
+
+      this._log('GA4 evento enviado:', eventName, response.status)
+
+    } catch (error) {
+      console.error('[mKFashion] Erro ao enviar para GA4:', error)
+    }
   }
 }