firstandthird · Psiale · May 4, 2022 · May 13, 2022 · May 13, 2022 · May 13, 2022
diff --git a/README.md b/README.md
@@ -31,18 +31,29 @@ import GATrack from 'ga-track';
 
 ## Methods
 
-### sendEvent(category, action, label)
-
-Manually sends an event to Google Analytics. Returns a promise.
+### sendEvent(category,action, label)
+Manually sends an event to Google Analytics. Returns a promise.;
 
 #### Parameters:
 
-`category` - {string} - Event's category.
 
 `action` - {string} - Event's action.
 
 `label` - {string} - Event's label.
 
+### sendEventV4(name, event_params)
+
+`name` - {string}
+
+`event_params` - {Array of strings} - custom or [recommend](https://support.google.com/analytics/answer/9267735) event params ([25 max](https://support.google.com/analytics/answer/9267744?hl=en)).
+V4
+```javascript
+GaTrack.G4 = true;
+```
+```javascript
+GATrack.sendEventV4('read_article',[{name: 'author', value: 'David Mitchell'}, {name: 'title', value: 'Cloud Atlas'}]);
+```
+
 ### sendData()
 
 Safely pass data to Google Analytics:
@@ -53,6 +64,14 @@ GATrack.sendData('set', 'dimension2', 'member');
 
 ## Options
 
+### V4
+```js
+import GATrack from 'ga-track';
+
+GATrack.V4 = true;
+```
+Allows you to use the [V4](#sendeventv4) version of sendEvent()
+
 ### Debug Mode
 
 ```js

diff --git a/index.html b/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title></title>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){window.dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', ' G-88YEW4V4VV');
+</script>
+  </head>
+  <body>
+    <button onclick="test()">Click me to run test</button>
+    <script src="index.js">
+      GaTrack.V4 = true;
+      const test = () => GaTrack.sendEventV4('test', [{test_param_1: 'test value 1'}, {test_param_2: 'test value 2'}]) 
+    </script>
+  </body>
+</html>
diff --git a/index.js b/index.js
@@ -5,13 +5,71 @@ class GATrack {
   static debug = false;
   static trackerName = '';
   static force = null;
+  static V4 = false;
+
+  static async sendEventV4(event_name, event_params) {
+    if (GATrack.V4 === false) {
+      console.error('to use sendEventV4 change GATrack.V4 to true')
+      return;
+    }
+
+    if (typeof event_name !== 'string') {
+      console.error("event_name has to be of type string");
+      return;
+    }
+
+    if(event_name === '' || event_name === null) {
+      console.error("event name is required");
+      return;
+    }
+
+    if (event_params.length > 25) {
+      console.error("can't send more than 25 event params")
+      return;
+    }
+
+
+    if(GATrack.V4) {
+      const payload = {
+        events:[{
+          name: event_name,
+          params: event_params
+        }],
+      }
+
+      return new Promise(resolve => {
+        this.log(payload);
+        this.log(this.isEnabled());
+        if (!this.isEnabled()) {
+          this.log('sendEventV4', 'ga-track disabled');
+          return resolve();
+        }
+        this.sendData(payload);
+      })
+    }
+    return;
+  }
 
   static async sendEvent(category, action, label) {
     if (this.prefix) {
       category = `${this.prefix}-${category}`;
     }
 
     return new Promise(resolve => {
+      let payload = {}
+      if (this.V4) {
+        payload = {
+          events:[{
+            name: action,
+            params: {
+              event_category: category,
+              event_label: label
+            }
+          }],
+        }
+        this.sendData(payload);
+        return;
+      }
       this.log(category, action, label);
 
       if (!this.isEnabled()) {
@@ -24,7 +82,7 @@ class GATrack {
         window._gaq.push(resolve);
       } else if (this.isGTag()) {
         // Gtag check needs to go before since gtag creates a ga variable
-        const payload = {
+        payload = {
           event_category: category,
           event_label: label,
           event_callback: resolve
@@ -57,13 +115,16 @@ class GATrack {
       return;
     }
 
-    if (this.isGTag()) {
-      window.gtag.apply(null, args);
+    if (this.V4) {
+      setTimeout(() => {
+        gtag("event", `${args[0].events.name}`, args[0].events.params);
+        return;
+      }, 3000);
     } else if (this.isGA()) {
       if (this.trackerName) {
         args[0] = `${this.trackerName}.${args[0]}`;
       }
-
+      console.log(window.ga.apply(null, args));
       window.ga.apply(null, args);
     }
   }