@ht-sdks/events-sdk-js-browser 1.3.0 → 1.3.1

package/README.md

@@ -221,38 +221,82 @@ For further examples check out our [existing plugins](/packages/browser/src/plug
 
 The Browser SDK supports sending events directly from the client to destinations which is useful in situations where the destination requires a client-side context in order to fully enrich and attribute events.
 
-## Google Analytics 4
+## Google Tag Manager
 
-Google Analytics 4 (GA4) offers tracking via Google Tag Manager (GTM) which may benefit from a client-side integration.
+The Google Tag Manager integration pushes events directly to [Google Tag Manager](https://support.google.com/tagmanager/answer/6102821?hl=en). This tag in turn can forward to a variety of other tools.
 
 ### Installation
 
-Make sure your GA4 setup scripts are configured on your website. Our implementation expects the `gtag` function to be available in the global scope.
+Make sure your Google Tag Manager setup scripts are configured on your website. Our implementation expects `window.dataLayer` to be available in the global scope.
 
 ```html
-<!-- example GA4 setup using Google Tag Manager -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXX"></script>
+<!-- example Google Tag Manager script -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-XXXXXXXX');</script>
+```
+
+You can then configure the Browser SDK to send events directly to Google Tag Manager by enabling the `Google Tag Manager` destination:
+
+```js
+htevents.load('WRITE_KEY', {
+  destinations: {
+    'Google Tag Manager': {},
+  },
+})
+```
+
+View the complete plugin documentation in [`google-tag-manager.ts`](src/plugins/destinations/google-tag-manager.ts#L12)
+
+### Usage
+
+Once the destination is configured, all applicable `identify`, `track`, and `page` events will be sent. The integration also automatically populates the `userId` and `hightouchAnonymousId` fields.
+
+```js
+htevents.track('My Event', { prop: 'abc' })
+// This results in the following Google Tag Manager event.
+// window.dataLayer.push({ event: 'My Event', prop: 'abc', user_id: '123', hightouch_anonymous_id: '456' })
+```
+
+## gtag.js
+
+The Google Tag (gtag.js) integration pushes events directly to [gtag.js](https://developers.google.com/tag-platform/gtagjs). This tag in turn can forward to a variety of Google products, including Google Ads, Google Analytics, Campaign Manager, Display & Video 360, and Search Ads 360.
+
+### Installation
+
+Make sure your gtag.js setup scripts are configured on your website. Our implementation expects the `gtag` function to be available in the global scope.
+
+```html
+<!-- example GA4 setup using gtag.js -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXX" ></script>
 <script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag() { dataLayer.push(arguments); }
-  gtag('js', new Date());
-  gtag('config', 'G-XXXXXXXX');
+  window.dataLayer = window.dataLayer || []
+  function gtag() {
+    dataLayer.push(arguments)
+  }
+  gtag('js', new Date())
+  gtag('config', 'G-XXXXXXXX')
 </script>
 ```
 
-You can then configure the Browser SDK to send events directly to GA4 by enabling the `Google Tag Manager` destination:
+You can then configure the Browser SDK to send events directly to gtag.js by enabling the `gtag` destination:
 
 ```js
-htevents.load("WRITE_KEY", {
+htevents.load('WRITE_KEY', {
   destinations: {
-    "Google Tag Manager": {
-      measurementId: "G-XXXXXXXX"
-    }
-  }
+    gtag: {
+      // Events are only forwarded to the configured measurement IDs.
+      // For example, if you'd like to forward to GA4, you should include
+      // your GA4 measurement ID here.
+      measurementId: 'G-XXXXXXXX',
+    },
+  },
 })
 ```
 
-View the complete plugin documentation in [`google-tag-manager.ts`](src/plugins/destinations/google-tag-manager.ts#L11)
+View the complete plugin documentation in [`gtag.ts`](src/plugins/destinations/gtag.ts#L11)
 
 ### Usage
 
@@ -260,7 +304,8 @@ Once the destination is configured, all applicable `identify`, `track`, and `pag
 
 ```js
 htevents.track('My Event', { prop: 'abc' })
-// gtag('event', 'My Event', { prop: 'abc', user_id: '123' })
+// This results in the following gtag call.
+// gtag('event', 'My Event', { prop: 'abc', user_id: '123', hightouchAnonymousId: '456'  })
 ```
 
 ## Custom client-side destinations

package/dist/cjs/generated/version.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = void 0;
 // This file is generated.
-exports.version = '1.3.0';
+exports.version = '1.3.1';
 //# sourceMappingURL=version.js.map

package/dist/cjs/plugins/destinations/google-tag-manager.js

@@ -6,28 +6,15 @@ var destination_1 = require("./destination");
  * https://github.com/segmentio/analytics.js-integrations/blob/master/integrations/google-tag-manager/lib/index.js
  */
 var googleTagManager = function (_a) {
-    var _b = _a.measurementId, measurementId = _b === void 0 ? [] : _b, _c = _a.trackAllPages, trackAllPages = _c === void 0 ? false : _c, _d = _a.trackNamedPages, trackNamedPages = _d === void 0 ? true : _d, _e = _a.trackCategorizedPages, trackCategorizedPages = _e === void 0 ? true : _e;
-    var measurementIds = (Array.isArray(measurementId) ? measurementId : [measurementId]).filter(Boolean);
-    var baseEvent = function (_a) {
-        var event = _a.event;
-        return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, (event.userId && {
-            user_id: event.userId,
+    var _b = _a.trackAllPages, trackAllPages = _b === void 0 ? false : _b, _c = _a.trackNamedPages, trackNamedPages = _c === void 0 ? true : _c, _d = _a.trackCategorizedPages, trackCategorizedPages = _d === void 0 ? true : _d;
+    var pushEvent = function (event) {
+        window.dataLayer.push(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, (event.userId && {
+            userId: event.userId,
         })), (event.anonymousId && {
-            hightouch_anonymous_id: event.anonymousId,
-        })), (measurementIds.length > 0 && {
-            send_to: measurementIds,
-        })), event.properties);
+            hightouchAnonymousId: event.anonymousId,
+        })), { event: event.event }), event.properties));
     };
     return new destination_1.Destination('Google Tag Manager', '0.0.1', {
-        identify: function (ctx) {
-            if (ctx.event.userId) {
-                measurementIds.forEach(function (measurementId) {
-                    window.gtag('config', measurementId, {
-                        user_id: ctx.event.userId,
-                    });
-                });
-            }
-        },
         page: function (ctx) {
             if (trackAllPages ||
                 (trackNamedPages && ctx.event.name) ||
@@ -35,11 +22,11 @@ var googleTagManager = function (_a) {
                 var eventName = ['Viewed', ctx.event.category, ctx.event.name, 'Page']
                     .filter(Boolean)
                     .join(' ');
-                window.gtag('event', eventName, tslib_1.__assign({}, baseEvent(ctx)));
+                pushEvent(tslib_1.__assign(tslib_1.__assign({}, ctx.event), { type: 'track', event: eventName }));
             }
         },
         track: function (ctx) {
-            window.gtag('event', ctx.event.event, tslib_1.__assign({}, baseEvent(ctx)));
+            pushEvent(ctx.event);
         },
     });
 };

package/dist/cjs/plugins/destinations/google-tag-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"google-tag-manager.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/google-tag-manager.ts"],"names":[],"mappings":";;;AAEA,6CAA2C;AA8B3C;;GAEG;AACH,IAAM,gBAAgB,GAAiD,UAAC,EAKvE;QAJC,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,6BAA4B,EAA5B,qBAAqB,mBAAG,IAAI,KAAA;IAE5B,IAAM,cAAc,GAAG,CACrB,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAC/D,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAEjB,IAAM,SAAS,GAAG,UAAC,EAAkB;YAAhB,KAAK,WAAA;QACxB,+EACK,CAAC,KAAK,CAAC,MAAM,IAAI;YAClB,OAAO,EAAE,KAAK,CAAC,MAAM;SACtB,CAAC,GACC,CAAC,KAAK,CAAC,WAAW,IAAI;YACvB,sBAAsB,EAAE,KAAK,CAAC,WAAW;SAC1C,CAAC,GACC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI;YAC/B,OAAO,EAAE,cAAc;SACxB,CAAC,GACC,KAAK,CAAC,UAAU,EACpB;IACH,CAAC,CAAA;IAED,OAAO,IAAI,yBAAW,CAAC,oBAAoB,EAAE,OAAO,EAAE;QACpD,QAAQ,EAAE,UAAC,GAAG;YACZ,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE;gBACpB,cAAc,CAAC,OAAO,CAAC,UAAC,aAAa;oBACnC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE;wBACnC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM;qBAC1B,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;aACH;QACH,CAAC;QAED,IAAI,EAAE,UAAC,GAAG;YACR,IACE,aAAa;gBACb,CAAC,eAAe,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;gBACnC,CAAC,qBAAqB,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,EAC7C;gBACA,IAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC;qBACrE,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,CAAA;gBAEZ,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,uBACzB,SAAS,CAAC,GAAG,CAAC,EACjB,CAAA;aACH;QACH,CAAC;QAED,KAAK,EAAE,UAAC,GAAG;YACT,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,uBAC/B,SAAS,CAAC,GAAG,CAAC,EACjB,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}
+{"version":3,"file":"google-tag-manager.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/google-tag-manager.ts"],"names":[],"mappings":";;;AAGA,6CAA2C;AAyB3C;;GAEG;AACH,IAAM,gBAAgB,GAAiD,UAAC,EAIvE;QAHC,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,6BAA4B,EAA5B,qBAAqB,mBAAG,IAAI,KAAA;IAE5B,IAAM,SAAS,GAAG,UAAC,KAAqB;QACtC,MAAM,CAAC,SAAS,CAAC,IAAI,yEAChB,CAAC,KAAK,CAAC,MAAM,IAAI;YAClB,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB,CAAC,GACC,CAAC,KAAK,CAAC,WAAW,IAAI;YACvB,oBAAoB,EAAE,KAAK,CAAC,WAAW;SACxC,CAAC,KACF,KAAK,EAAE,KAAK,CAAC,KAAK,KACf,KAAK,CAAC,UAAU,EACnB,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,IAAI,yBAAW,CAAC,oBAAoB,EAAE,OAAO,EAAE;QACpD,IAAI,EAAE,UAAC,GAAY;YACjB,IACE,aAAa;gBACb,CAAC,eAAe,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;gBACnC,CAAC,qBAAqB,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,EAC7C;gBACA,IAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC;qBACrE,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,CAAA;gBAEZ,SAAS,uCACJ,GAAG,CAAC,KAAK,KACZ,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,SAAS,IAChB,CAAA;aACH;QACH,CAAC;QAED,KAAK,EAAE,UAAC,GAAY;YAClB,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}

package/dist/cjs/plugins/destinations/gtag.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var destination_1 = require("./destination");
+var gtag = function (_a) {
+    var _b = _a.measurementId, measurementId = _b === void 0 ? [] : _b, _c = _a.trackAllPages, trackAllPages = _c === void 0 ? false : _c, _d = _a.trackNamedPages, trackNamedPages = _d === void 0 ? true : _d, _e = _a.trackCategorizedPages, trackCategorizedPages = _e === void 0 ? true : _e;
+    var measurementIds = (Array.isArray(measurementId) ? measurementId : [measurementId]).filter(Boolean);
+    var baseEvent = function (_a) {
+        var event = _a.event;
+        return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, (event.userId && {
+            user_id: event.userId,
+        })), (event.anonymousId && {
+            hightouch_anonymous_id: event.anonymousId,
+        })), (measurementIds.length > 0 && {
+            send_to: measurementIds,
+        })), event.properties);
+    };
+    return new destination_1.Destination('gtag', '0.0.1', {
+        identify: function (ctx) {
+            if (ctx.event.userId) {
+                measurementIds.forEach(function (measurementId) {
+                    window.gtag('config', measurementId, {
+                        user_id: ctx.event.userId,
+                    });
+                });
+            }
+        },
+        page: function (ctx) {
+            if (trackAllPages ||
+                (trackNamedPages && ctx.event.name) ||
+                (trackCategorizedPages && ctx.event.category)) {
+                var eventName = ['Viewed', ctx.event.category, ctx.event.name, 'Page']
+                    .filter(Boolean)
+                    .join(' ');
+                window.gtag('event', eventName, tslib_1.__assign({}, baseEvent(ctx)));
+            }
+        },
+        track: function (ctx) {
+            window.gtag('event', ctx.event.event, tslib_1.__assign({}, baseEvent(ctx)));
+        },
+    });
+};
+exports.default = gtag;
+//# sourceMappingURL=gtag.js.map

package/dist/cjs/plugins/destinations/gtag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gtag.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/gtag.ts"],"names":[],"mappings":";;;AAEA,6CAA2C;AA8B3C,IAAM,IAAI,GAAqC,UAAC,EAK/C;QAJC,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,6BAA4B,EAA5B,qBAAqB,mBAAG,IAAI,KAAA;IAE5B,IAAM,cAAc,GAAG,CACrB,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAC/D,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAEjB,IAAM,SAAS,GAAG,UAAC,EAAkB;YAAhB,KAAK,WAAA;QACxB,+EACK,CAAC,KAAK,CAAC,MAAM,IAAI;YAClB,OAAO,EAAE,KAAK,CAAC,MAAM;SACtB,CAAC,GACC,CAAC,KAAK,CAAC,WAAW,IAAI;YACvB,sBAAsB,EAAE,KAAK,CAAC,WAAW;SAC1C,CAAC,GACC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI;YAC/B,OAAO,EAAE,cAAc;SACxB,CAAC,GACC,KAAK,CAAC,UAAU,EACpB;IACH,CAAC,CAAA;IAED,OAAO,IAAI,yBAAW,CAAC,MAAM,EAAE,OAAO,EAAE;QACtC,QAAQ,EAAE,UAAC,GAAG;YACZ,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE;gBACpB,cAAc,CAAC,OAAO,CAAC,UAAC,aAAa;oBACnC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE;wBACnC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM;qBAC1B,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;aACH;QACH,CAAC;QAED,IAAI,EAAE,UAAC,GAAG;YACR,IACE,aAAa;gBACb,CAAC,eAAe,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;gBACnC,CAAC,qBAAqB,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,EAC7C;gBACA,IAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC;qBACrE,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,CAAA;gBAEZ,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,uBACzB,SAAS,CAAC,GAAG,CAAC,EACjB,CAAA;aACH;QACH,CAAC;QAED,KAAK,EAAE,UAAC,GAAG;YACT,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,uBAC/B,SAAS,CAAC,GAAG,CAAC,EACjB,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,kBAAe,IAAI,CAAA"}

package/dist/cjs/plugins/destinations/index.js

@@ -8,6 +8,10 @@ function createDestination(name, settings) {
     return tslib_1.__awaiter(this, void 0, void 0, function () {
         return tslib_1.__generator(this, function (_a) {
             switch (name) {
+                case 'gtag':
+                    return [2 /*return*/, Promise.resolve().then(function () { return tslib_1.__importStar(require(/* webpackChunkName: "gtag" */ './gtag')); }).then(function (mod) {
+                            return mod.default(settings);
+                        })];
                 case 'Google Tag Manager':
                     return [2 /*return*/, Promise.resolve().then(function () { return tslib_1.__importStar(require(
                         /* webpackChunkName: "google-tag-manager" */ './google-tag-manager')); }).then(function (mod) { return mod.default(settings); })];

package/dist/cjs/plugins/destinations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/index.ts"],"names":[],"mappings":";;;;AACA,6CAA2C;AAElC,4FAFA,yBAAW,OAEA;AAGpB,SAAsB,iBAAiB,CACrC,IAAY,EACZ,QAA6B;;;YAE7B,QAAQ,IAAI,EAAE;gBACZ,KAAK,oBAAoB;oBACvB,sBAAO;wBACL,4CAA4C,CAAC,sBAAsB,OACnE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,QAAe,CAAC,EAA5B,CAA4B,CAAC,EAAA;gBAC/C;oBACE,sBAAO,SAAS,EAAA;aACnB;;;;CACF;AAZD,8CAYC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/index.ts"],"names":[],"mappings":";;;;AACA,6CAA2C;AAElC,4FAFA,yBAAW,OAEA;AAGpB,SAAsB,iBAAiB,CACrC,IAAY,EACZ,QAA6B;;;YAE7B,QAAQ,IAAI,EAAE;gBACZ,KAAK,MAAM;oBACT,sBAAO,yEAAO,8BAA8B,CAAC,QAAQ,OAAE,IAAI,CAAC,UAAC,GAAG;4BAC9D,OAAA,GAAG,CAAC,OAAO,CAAC,QAAe,CAAC;wBAA5B,CAA4B,CAC7B,EAAA;gBACH,KAAK,oBAAoB;oBACvB,sBAAO;wBACL,4CAA4C,CAAC,sBAAsB,OACnE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,QAAe,CAAC,EAA5B,CAA4B,CAAC,EAAA;gBAC/C;oBACE,sBAAO,SAAS,EAAA;aACnB;;;;CACF;AAhBD,8CAgBC"}

package/dist/pkg/generated/version.js

@@ -1,3 +1,3 @@
 // This file is generated.
-export var version = '1.3.0';
+export var version = '1.3.1';
 //# sourceMappingURL=version.js.map

package/dist/pkg/plugins/destinations/google-tag-manager.js

@@ -4,28 +4,15 @@ import { Destination } from './destination';
  * https://github.com/segmentio/analytics.js-integrations/blob/master/integrations/google-tag-manager/lib/index.js
  */
 var googleTagManager = function (_a) {
-    var _b = _a.measurementId, measurementId = _b === void 0 ? [] : _b, _c = _a.trackAllPages, trackAllPages = _c === void 0 ? false : _c, _d = _a.trackNamedPages, trackNamedPages = _d === void 0 ? true : _d, _e = _a.trackCategorizedPages, trackCategorizedPages = _e === void 0 ? true : _e;
-    var measurementIds = (Array.isArray(measurementId) ? measurementId : [measurementId]).filter(Boolean);
-    var baseEvent = function (_a) {
-        var event = _a.event;
-        return __assign(__assign(__assign(__assign({}, (event.userId && {
-            user_id: event.userId,
+    var _b = _a.trackAllPages, trackAllPages = _b === void 0 ? false : _b, _c = _a.trackNamedPages, trackNamedPages = _c === void 0 ? true : _c, _d = _a.trackCategorizedPages, trackCategorizedPages = _d === void 0 ? true : _d;
+    var pushEvent = function (event) {
+        window.dataLayer.push(__assign(__assign(__assign(__assign({}, (event.userId && {
+            userId: event.userId,
         })), (event.anonymousId && {
-            hightouch_anonymous_id: event.anonymousId,
-        })), (measurementIds.length > 0 && {
-            send_to: measurementIds,
-        })), event.properties);
+            hightouchAnonymousId: event.anonymousId,
+        })), { event: event.event }), event.properties));
     };
     return new Destination('Google Tag Manager', '0.0.1', {
-        identify: function (ctx) {
-            if (ctx.event.userId) {
-                measurementIds.forEach(function (measurementId) {
-                    window.gtag('config', measurementId, {
-                        user_id: ctx.event.userId,
-                    });
-                });
-            }
-        },
         page: function (ctx) {
             if (trackAllPages ||
                 (trackNamedPages && ctx.event.name) ||
@@ -33,11 +20,11 @@ var googleTagManager = function (_a) {
                 var eventName = ['Viewed', ctx.event.category, ctx.event.name, 'Page']
                     .filter(Boolean)
                     .join(' ');
-                window.gtag('event', eventName, __assign({}, baseEvent(ctx)));
+                pushEvent(__assign(__assign({}, ctx.event), { type: 'track', event: eventName }));
             }
         },
         track: function (ctx) {
-            window.gtag('event', ctx.event.event, __assign({}, baseEvent(ctx)));
+            pushEvent(ctx.event);
         },
     });
 };

package/dist/pkg/plugins/destinations/google-tag-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"google-tag-manager.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/google-tag-manager.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA8B3C;;GAEG;AACH,IAAM,gBAAgB,GAAiD,UAAC,EAKvE;QAJC,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,6BAA4B,EAA5B,qBAAqB,mBAAG,IAAI,KAAA;IAE5B,IAAM,cAAc,GAAG,CACrB,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAC/D,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAEjB,IAAM,SAAS,GAAG,UAAC,EAAkB;YAAhB,KAAK,WAAA;QACxB,+CACK,CAAC,KAAK,CAAC,MAAM,IAAI;YAClB,OAAO,EAAE,KAAK,CAAC,MAAM;SACtB,CAAC,GACC,CAAC,KAAK,CAAC,WAAW,IAAI;YACvB,sBAAsB,EAAE,KAAK,CAAC,WAAW;SAC1C,CAAC,GACC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI;YAC/B,OAAO,EAAE,cAAc;SACxB,CAAC,GACC,KAAK,CAAC,UAAU,EACpB;IACH,CAAC,CAAA;IAED,OAAO,IAAI,WAAW,CAAC,oBAAoB,EAAE,OAAO,EAAE;QACpD,QAAQ,EAAE,UAAC,GAAG;YACZ,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE;gBACpB,cAAc,CAAC,OAAO,CAAC,UAAC,aAAa;oBACnC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE;wBACnC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM;qBAC1B,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;aACH;QACH,CAAC;QAED,IAAI,EAAE,UAAC,GAAG;YACR,IACE,aAAa;gBACb,CAAC,eAAe,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;gBACnC,CAAC,qBAAqB,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,EAC7C;gBACA,IAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC;qBACrE,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,CAAA;gBAEZ,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,eACzB,SAAS,CAAC,GAAG,CAAC,EACjB,CAAA;aACH;QACH,CAAC;QAED,KAAK,EAAE,UAAC,GAAG;YACT,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,eAC/B,SAAS,CAAC,GAAG,CAAC,EACjB,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"google-tag-manager.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/google-tag-manager.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAyB3C;;GAEG;AACH,IAAM,gBAAgB,GAAiD,UAAC,EAIvE;QAHC,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,6BAA4B,EAA5B,qBAAqB,mBAAG,IAAI,KAAA;IAE5B,IAAM,SAAS,GAAG,UAAC,KAAqB;QACtC,MAAM,CAAC,SAAS,CAAC,IAAI,yCAChB,CAAC,KAAK,CAAC,MAAM,IAAI;YAClB,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB,CAAC,GACC,CAAC,KAAK,CAAC,WAAW,IAAI;YACvB,oBAAoB,EAAE,KAAK,CAAC,WAAW;SACxC,CAAC,KACF,KAAK,EAAE,KAAK,CAAC,KAAK,KACf,KAAK,CAAC,UAAU,EACnB,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,IAAI,WAAW,CAAC,oBAAoB,EAAE,OAAO,EAAE;QACpD,IAAI,EAAE,UAAC,GAAY;YACjB,IACE,aAAa;gBACb,CAAC,eAAe,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;gBACnC,CAAC,qBAAqB,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,EAC7C;gBACA,IAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC;qBACrE,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,CAAA;gBAEZ,SAAS,uBACJ,GAAG,CAAC,KAAK,KACZ,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,SAAS,IAChB,CAAA;aACH;QACH,CAAC;QAED,KAAK,EAAE,UAAC,GAAY;YAClB,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/pkg/plugins/destinations/gtag.js

@@ -0,0 +1,42 @@
+import { __assign } from "tslib";
+import { Destination } from './destination';
+var gtag = function (_a) {
+    var _b = _a.measurementId, measurementId = _b === void 0 ? [] : _b, _c = _a.trackAllPages, trackAllPages = _c === void 0 ? false : _c, _d = _a.trackNamedPages, trackNamedPages = _d === void 0 ? true : _d, _e = _a.trackCategorizedPages, trackCategorizedPages = _e === void 0 ? true : _e;
+    var measurementIds = (Array.isArray(measurementId) ? measurementId : [measurementId]).filter(Boolean);
+    var baseEvent = function (_a) {
+        var event = _a.event;
+        return __assign(__assign(__assign(__assign({}, (event.userId && {
+            user_id: event.userId,
+        })), (event.anonymousId && {
+            hightouch_anonymous_id: event.anonymousId,
+        })), (measurementIds.length > 0 && {
+            send_to: measurementIds,
+        })), event.properties);
+    };
+    return new Destination('gtag', '0.0.1', {
+        identify: function (ctx) {
+            if (ctx.event.userId) {
+                measurementIds.forEach(function (measurementId) {
+                    window.gtag('config', measurementId, {
+                        user_id: ctx.event.userId,
+                    });
+                });
+            }
+        },
+        page: function (ctx) {
+            if (trackAllPages ||
+                (trackNamedPages && ctx.event.name) ||
+                (trackCategorizedPages && ctx.event.category)) {
+                var eventName = ['Viewed', ctx.event.category, ctx.event.name, 'Page']
+                    .filter(Boolean)
+                    .join(' ');
+                window.gtag('event', eventName, __assign({}, baseEvent(ctx)));
+            }
+        },
+        track: function (ctx) {
+            window.gtag('event', ctx.event.event, __assign({}, baseEvent(ctx)));
+        },
+    });
+};
+export default gtag;
+//# sourceMappingURL=gtag.js.map

package/dist/pkg/plugins/destinations/gtag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gtag.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/gtag.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA8B3C,IAAM,IAAI,GAAqC,UAAC,EAK/C;QAJC,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,6BAA4B,EAA5B,qBAAqB,mBAAG,IAAI,KAAA;IAE5B,IAAM,cAAc,GAAG,CACrB,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAC/D,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAEjB,IAAM,SAAS,GAAG,UAAC,EAAkB;YAAhB,KAAK,WAAA;QACxB,+CACK,CAAC,KAAK,CAAC,MAAM,IAAI;YAClB,OAAO,EAAE,KAAK,CAAC,MAAM;SACtB,CAAC,GACC,CAAC,KAAK,CAAC,WAAW,IAAI;YACvB,sBAAsB,EAAE,KAAK,CAAC,WAAW;SAC1C,CAAC,GACC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI;YAC/B,OAAO,EAAE,cAAc;SACxB,CAAC,GACC,KAAK,CAAC,UAAU,EACpB;IACH,CAAC,CAAA;IAED,OAAO,IAAI,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE;QACtC,QAAQ,EAAE,UAAC,GAAG;YACZ,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE;gBACpB,cAAc,CAAC,OAAO,CAAC,UAAC,aAAa;oBACnC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE;wBACnC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM;qBAC1B,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;aACH;QACH,CAAC;QAED,IAAI,EAAE,UAAC,GAAG;YACR,IACE,aAAa;gBACb,CAAC,eAAe,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;gBACnC,CAAC,qBAAqB,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,EAC7C;gBACA,IAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC;qBACrE,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,CAAA;gBAEZ,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,eACzB,SAAS,CAAC,GAAG,CAAC,EACjB,CAAA;aACH;QACH,CAAC;QAED,KAAK,EAAE,UAAC,GAAG;YACT,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,eAC/B,SAAS,CAAC,GAAG,CAAC,EACjB,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/pkg/plugins/destinations/index.js

@@ -5,6 +5,10 @@ export function createDestination(name, settings) {
     return __awaiter(this, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (name) {
+                case 'gtag':
+                    return [2 /*return*/, import(/* webpackChunkName: "gtag" */ './gtag').then(function (mod) {
+                            return mod.default(settings);
+                        })];
                 case 'Google Tag Manager':
                     return [2 /*return*/, import(
                         /* webpackChunkName: "google-tag-manager" */ './google-tag-manager').then(function (mod) { return mod.default(settings); })];

package/dist/pkg/plugins/destinations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,MAAM,UAAgB,iBAAiB,CACrC,IAAY,EACZ,QAA6B;;;YAE7B,QAAQ,IAAI,EAAE;gBACZ,KAAK,oBAAoB;oBACvB,sBAAO,MAAM;wBACX,4CAA4C,CAAC,sBAAsB,CACpE,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,QAAe,CAAC,EAA5B,CAA4B,CAAC,EAAA;gBAC/C;oBACE,sBAAO,SAAS,EAAA;aACnB;;;;CACF"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/destinations/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,MAAM,UAAgB,iBAAiB,CACrC,IAAY,EACZ,QAA6B;;;YAE7B,QAAQ,IAAI,EAAE;gBACZ,KAAK,MAAM;oBACT,sBAAO,MAAM,CAAC,8BAA8B,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG;4BAC9D,OAAA,GAAG,CAAC,OAAO,CAAC,QAAe,CAAC;wBAA5B,CAA4B,CAC7B,EAAA;gBACH,KAAK,oBAAoB;oBACvB,sBAAO,MAAM;wBACX,4CAA4C,CAAC,sBAAsB,CACpE,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,QAAe,CAAC,EAA5B,CAA4B,CAAC,EAAA;gBAC/C;oBACE,sBAAO,SAAS,EAAA;aACnB;;;;CACF"}

package/dist/types/core/buffer/index.d.ts

@@ -91,7 +91,7 @@ export declare class AnalyticsBuffered implements PromiseLike<[Analytics, Contex
     register: (...args: import("../plugin").Plugin[]) => Promise<Context>;
     deregister: (...args: string[]) => Promise<Context>;
     user: () => Promise<import("../user").User>;
-    readonly VERSION = "1.3.0";
+    readonly VERSION = "1.3.1";
     private _createMethod;
     /**
      *  These are for methods that where determining when the method gets "flushed" is not important.

package/dist/types/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "1.3.0";
+export declare const version = "1.3.1";
 //# sourceMappingURL=version.d.ts.map

package/dist/types/plugins/destinations/google-tag-manager.d.ts

@@ -1,14 +1,10 @@
 import type { DestinationFactory } from './types';
 declare global {
     interface Window {
-        gtag: Function;
+        dataLayer: Array<any>;
     }
 }
 type GoogleTagManagerSettings = {
-    /**
-     * The Google measurement ID(s) to send events to (GA4, Ads)
-     */
-    measurementId?: string | string[];
     /**
      * If a `Viewed Page` event should be sent for all `htevents.page` calls
      */

package/dist/types/plugins/destinations/google-tag-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"google-tag-manager.d.ts","sourceRoot":"","sources":["../../../../src/plugins/destinations/google-tag-manager.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAGjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,IAAI,EAAE,QAAQ,CAAA;KACf;CACF;AAED,KAAK,wBAAwB,GAAG;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAEjC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,kBAAkB,CAAC,wBAAwB,CA0DlE,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"google-tag-manager.d.ts","sourceRoot":"","sources":["../../../../src/plugins/destinations/google-tag-manager.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAGjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;KACtB;CACF;AAED,KAAK,wBAAwB,GAAG;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,kBAAkB,CAAC,wBAAwB,CAyClE,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/types/plugins/destinations/gtag.d.ts

@@ -0,0 +1,27 @@
+import type { DestinationFactory } from './types';
+declare global {
+    interface Window {
+        gtag: Function;
+    }
+}
+type GtagSettings = {
+    /**
+     * The Google measurement ID(s) to send events to (GA4, Ads)
+     */
+    measurementId?: string | string[];
+    /**
+     * If a `Viewed Page` event should be sent for all `htevents.page` calls
+     */
+    trackAllPages?: boolean;
+    /**
+     * If a `Viewed <name> Page` event should be sent for `htevents.page('Name')` calls
+     */
+    trackNamedPages?: boolean;
+    /**
+     * If a `Viewed <category> <name> Page` event should be sent for `htevents.page('Category', 'Name')` calls
+     */
+    trackCategorizedPages?: boolean;
+};
+declare const gtag: DestinationFactory<GtagSettings>;
+export default gtag;
+//# sourceMappingURL=gtag.d.ts.map

package/dist/types/plugins/destinations/gtag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gtag.d.ts","sourceRoot":"","sources":["../../../../src/plugins/destinations/gtag.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAGjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,IAAI,EAAE,QAAQ,CAAA;KACf;CACF;AAED,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAEjC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,kBAAkB,CAAC,YAAY,CA0D1C,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/types/plugins/destinations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/destinations/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,mBAAmB,EAAE,CAAA;AAEnC,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,mBAAmB,GAC5B,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,CASlC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/destinations/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,mBAAmB,EAAE,CAAA;AAEnC,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,mBAAmB,GAC5B,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,CAalC"}