@blotoutio/providers-google-analytics-4-sdk 0.26.5 → 0.27.0

package/index.cjs.js

@@ -0,0 +1,288 @@
+'use strict';
+
+const initGA4 = (ID) => {
+    window.dataLayer = window.dataLayer || [];
+    window.gtag = function gtag() {
+        // eslint-disable-next-line prefer-rest-params
+        window.dataLayer.push(arguments);
+    };
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    window.gtag('js', new Date());
+    const element = document.createElement('script');
+    element.async = !0;
+    element.src = `https://www.googletagmanager.com/gtag/js?id=${ID}`;
+    const script = document.getElementsByTagName('script')[0];
+    if (script && script.parentNode) {
+        script.parentNode.insertBefore(element, script);
+    }
+};
+const init = ({ manifest, userId }) => {
+    if (!window ||
+        !manifest.variables ||
+        manifest.variables['flowType'] === 'server') {
+        return;
+    }
+    if (!window.gtag) {
+        initGA4(manifest.variables['measurementId']);
+    }
+    if (window.gtag) {
+        window.gtag('config', manifest.variables['measurementId'], {
+            user_id: userId,
+            send_page_view: false,
+        });
+    }
+};
+
+const getItems = (contents = []) => {
+    return contents.map((content) => {
+        const data = {
+            item_id: content.id.toString(),
+            quantity: content.quantity || 1,
+        };
+        if (content.title) {
+            data['item_name'] = content.title;
+        }
+        if (content.category) {
+            const categories = content.category.split(',');
+            data['item_category'] = categories[0];
+            for (let i = 1; i < Math.min(categories.length, 5); i++) {
+                if (categories[i].trim()) {
+                    data[`item_category${i + 1}`] =
+                        categories[i].trim();
+                }
+            }
+        }
+        if (content.item_price) {
+            data['price'] = content.item_price;
+        }
+        if (content.brand) {
+            data['item_brand'] = content.brand;
+        }
+        if (content.variantId) {
+            data['item_variant'] = content.variantId.toString();
+        }
+        return data;
+    });
+};
+const getEvent = (eventName, data, eventId) => {
+    switch (eventName) {
+        case 'PageView': {
+            return {
+                event: 'page_view',
+                eventData: {},
+            };
+        }
+        case 'ViewContent': {
+            return {
+                event: 'view_item',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'ViewCart': {
+            return {
+                event: 'view_cart',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'RemoveFromCart': {
+            return {
+                event: 'remove_from_cart',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'AddToWishlist': {
+            return {
+                event: 'add_to_wishlist',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'ViewList': {
+            return {
+                event: 'view_item_list',
+                eventData: {
+                    item_list_name: data['listName'],
+                    item_list_id: data['listId'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'Login': {
+            return {
+                event: 'login',
+                eventData: {
+                    method: data['method'],
+                },
+            };
+        }
+        case 'SignUp': {
+            return {
+                event: 'sign_up',
+                eventData: {
+                    method: data['method'],
+                },
+            };
+        }
+        case 'AddToCart': {
+            return {
+                event: 'add_to_cart',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'InitiateCheckout': {
+            return {
+                event: 'begin_checkout',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'AddShippingInfo': {
+            return {
+                event: 'add_shipping_info',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'AddPaymentInfo': {
+            return {
+                event: 'add_payment_info',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'Purchase': {
+            return {
+                event: 'purchase',
+                eventData: {
+                    currency: data['currency'],
+                    transaction_id: data['orderId'] || eventId,
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'Search': {
+            return {
+                event: 'search',
+                eventData: {
+                    search_term: data['search'],
+                },
+            };
+        }
+        case 'Lead': {
+            return {
+                event: 'generate_lead',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                },
+            };
+        }
+        default: {
+            return {
+                event: eventName,
+                eventData: data,
+            };
+        }
+    }
+};
+const handleTag = ({ data = {}, eventName, eventId, manifestVariables, }) => {
+    if (!eventName ||
+        !window.gtag ||
+        (manifestVariables === null || manifestVariables === void 0 ? void 0 : manifestVariables['flowType']) === 'server') {
+        return;
+    }
+    const { event, eventData } = getEvent(eventName, data, eventId);
+    if (manifestVariables) {
+        if (manifestVariables['measurementId']) {
+            eventData['send_to'] = manifestVariables['measurementId'];
+        }
+        if (manifestVariables['debug'] === '1') {
+            eventData['debug_mode'] = true;
+        }
+    }
+    window.gtag('event', event, { ...eventData, app: 'blotout' });
+};
+
+const getCookieValue = (key) => {
+    try {
+        if (!document || !document.cookie) {
+            return '';
+        }
+        const name = `${key}=`;
+        const decodedCookie = decodeURIComponent(document.cookie);
+        const ca = decodedCookie.split(';');
+        for (let i = 0; i < ca.length; i++) {
+            let c = ca[i];
+            while (c.charAt(0) === ' ') {
+                c = c.substring(1);
+            }
+            if (c.indexOf(name) === 0) {
+                return c.substring(name.length, c.length);
+            }
+        }
+        return '';
+    }
+    catch {
+        return '';
+    }
+};
+
+const tag = ({ data, eventName, manifestVariables, eventId }) => {
+    const isLoaded = window && window.gtag && !!getCookieValue('_ga');
+    if (isLoaded) {
+        handleTag({ data, eventName, manifestVariables, eventId });
+    }
+    return {
+        loaded: isLoaded,
+        sdkVersion: "0.27.0" ,
+    };
+};
+
+const data = {
+    name: 'googleAnalytics4',
+    init,
+    tag,
+};
+try {
+    if (window) {
+        if (!window.edgetagProviders) {
+            window.edgetagProviders = [];
+        }
+        window.edgetagProviders.push(data);
+    }
+}
+catch {
+    // No window
+}
+
+module.exports = data;

package/index.js

@@ -265,7 +265,7 @@ var ProvidersGoogleAnalytics4Sdk = (function () {
         }
         return {
             loaded: isLoaded,
-            sdkVersion: "0.26.5" ,
+            sdkVersion: "0.27.0" ,
         };
     };
 

package/index.mjs

@@ -0,0 +1,286 @@
+const initGA4 = (ID) => {
+    window.dataLayer = window.dataLayer || [];
+    window.gtag = function gtag() {
+        // eslint-disable-next-line prefer-rest-params
+        window.dataLayer.push(arguments);
+    };
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    window.gtag('js', new Date());
+    const element = document.createElement('script');
+    element.async = !0;
+    element.src = `https://www.googletagmanager.com/gtag/js?id=${ID}`;
+    const script = document.getElementsByTagName('script')[0];
+    if (script && script.parentNode) {
+        script.parentNode.insertBefore(element, script);
+    }
+};
+const init = ({ manifest, userId }) => {
+    if (!window ||
+        !manifest.variables ||
+        manifest.variables['flowType'] === 'server') {
+        return;
+    }
+    if (!window.gtag) {
+        initGA4(manifest.variables['measurementId']);
+    }
+    if (window.gtag) {
+        window.gtag('config', manifest.variables['measurementId'], {
+            user_id: userId,
+            send_page_view: false,
+        });
+    }
+};
+
+const getItems = (contents = []) => {
+    return contents.map((content) => {
+        const data = {
+            item_id: content.id.toString(),
+            quantity: content.quantity || 1,
+        };
+        if (content.title) {
+            data['item_name'] = content.title;
+        }
+        if (content.category) {
+            const categories = content.category.split(',');
+            data['item_category'] = categories[0];
+            for (let i = 1; i < Math.min(categories.length, 5); i++) {
+                if (categories[i].trim()) {
+                    data[`item_category${i + 1}`] =
+                        categories[i].trim();
+                }
+            }
+        }
+        if (content.item_price) {
+            data['price'] = content.item_price;
+        }
+        if (content.brand) {
+            data['item_brand'] = content.brand;
+        }
+        if (content.variantId) {
+            data['item_variant'] = content.variantId.toString();
+        }
+        return data;
+    });
+};
+const getEvent = (eventName, data, eventId) => {
+    switch (eventName) {
+        case 'PageView': {
+            return {
+                event: 'page_view',
+                eventData: {},
+            };
+        }
+        case 'ViewContent': {
+            return {
+                event: 'view_item',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'ViewCart': {
+            return {
+                event: 'view_cart',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'RemoveFromCart': {
+            return {
+                event: 'remove_from_cart',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'AddToWishlist': {
+            return {
+                event: 'add_to_wishlist',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'ViewList': {
+            return {
+                event: 'view_item_list',
+                eventData: {
+                    item_list_name: data['listName'],
+                    item_list_id: data['listId'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'Login': {
+            return {
+                event: 'login',
+                eventData: {
+                    method: data['method'],
+                },
+            };
+        }
+        case 'SignUp': {
+            return {
+                event: 'sign_up',
+                eventData: {
+                    method: data['method'],
+                },
+            };
+        }
+        case 'AddToCart': {
+            return {
+                event: 'add_to_cart',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'InitiateCheckout': {
+            return {
+                event: 'begin_checkout',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'AddShippingInfo': {
+            return {
+                event: 'add_shipping_info',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'AddPaymentInfo': {
+            return {
+                event: 'add_payment_info',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'Purchase': {
+            return {
+                event: 'purchase',
+                eventData: {
+                    currency: data['currency'],
+                    transaction_id: data['orderId'] || eventId,
+                    value: data['value'],
+                    items: getItems(data['contents']),
+                },
+            };
+        }
+        case 'Search': {
+            return {
+                event: 'search',
+                eventData: {
+                    search_term: data['search'],
+                },
+            };
+        }
+        case 'Lead': {
+            return {
+                event: 'generate_lead',
+                eventData: {
+                    currency: data['currency'],
+                    value: data['value'],
+                },
+            };
+        }
+        default: {
+            return {
+                event: eventName,
+                eventData: data,
+            };
+        }
+    }
+};
+const handleTag = ({ data = {}, eventName, eventId, manifestVariables, }) => {
+    if (!eventName ||
+        !window.gtag ||
+        (manifestVariables === null || manifestVariables === void 0 ? void 0 : manifestVariables['flowType']) === 'server') {
+        return;
+    }
+    const { event, eventData } = getEvent(eventName, data, eventId);
+    if (manifestVariables) {
+        if (manifestVariables['measurementId']) {
+            eventData['send_to'] = manifestVariables['measurementId'];
+        }
+        if (manifestVariables['debug'] === '1') {
+            eventData['debug_mode'] = true;
+        }
+    }
+    window.gtag('event', event, { ...eventData, app: 'blotout' });
+};
+
+const getCookieValue = (key) => {
+    try {
+        if (!document || !document.cookie) {
+            return '';
+        }
+        const name = `${key}=`;
+        const decodedCookie = decodeURIComponent(document.cookie);
+        const ca = decodedCookie.split(';');
+        for (let i = 0; i < ca.length; i++) {
+            let c = ca[i];
+            while (c.charAt(0) === ' ') {
+                c = c.substring(1);
+            }
+            if (c.indexOf(name) === 0) {
+                return c.substring(name.length, c.length);
+            }
+        }
+        return '';
+    }
+    catch {
+        return '';
+    }
+};
+
+const tag = ({ data, eventName, manifestVariables, eventId }) => {
+    const isLoaded = window && window.gtag && !!getCookieValue('_ga');
+    if (isLoaded) {
+        handleTag({ data, eventName, manifestVariables, eventId });
+    }
+    return {
+        loaded: isLoaded,
+        sdkVersion: "0.27.0" ,
+    };
+};
+
+const data = {
+    name: 'googleAnalytics4',
+    init,
+    tag,
+};
+try {
+    if (window) {
+        if (!window.edgetagProviders) {
+            window.edgetagProviders = [];
+        }
+        window.edgetagProviders.push(data);
+    }
+}
+catch {
+    // No window
+}
+
+export { data as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blotoutio/providers-google-analytics-4-sdk",
-  "version": "0.26.5",
+  "version": "0.27.0",
   "description": "Google Analytics 4 Browser SDK for EdgeTag",
   "author": "Blotout",
   "license": "MIT",
@@ -8,13 +8,16 @@
   "publishConfig": {
     "access": "public"
   },
-  "main": "./index.js",
+  "main": "./index.cjs.js",
+  "module": "./index.mjs",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/blotoutio/edgetag-sdk.git"
   },
   "files": [
     "index.js",
+    "index.cjs.js",
+    "index.mjs",
     "package.json",
     "README.md"
   ]