From 39507ef8e6cbfaa2a483acf7a82c14cdf0c83a19 Mon Sep 17 00:00:00 2001 From: alx652 Date: Mon, 30 Dec 2024 16:10:08 -0500 Subject: [PATCH 1/4] add gs analytics --- src/app/core/assets/js/analytics.js | 44 +++++++++++++++++++++++++++++ src/index.html | 2 ++ 2 files changed, 46 insertions(+) create mode 100644 src/app/core/assets/js/analytics.js diff --git a/src/app/core/assets/js/analytics.js b/src/app/core/assets/js/analytics.js new file mode 100644 index 000000000..a38a49daa --- /dev/null +++ b/src/app/core/assets/js/analytics.js @@ -0,0 +1,44 @@ +var ga4JsLoaderRef=(function () + { + var o = {}; + o.ga4LoadJs = function(args) { + if(!(typeof args !== 'undefined' && args && args.GTAG_ID && args.GTAG_MGR_ID)) { + return o; + } + var async = true; + var gtagUrl = 'https://www.googletagmanager.com/gtag/js?id=__GTAG_ID__'; + gtagUrl = gtagUrl.replace('__GTAG_ID__', args.GTAG_ID); + let scriptElement = document.createElement('script'); + scriptElement.setAttribute('src', gtagUrl); + scriptElement.setAttribute('type', 'text/javascript'); + scriptElement.setAttribute('async', async); + document.head.appendChild(scriptElement); + // success event + scriptElement.addEventListener('load', () => { + console.log('Analytics script loaded.'); + window.dataLayer = window.dataLayer || []; + function gtag(){dataLayer.push(arguments);} + gtag('js', new Date()); gtag('config', args.GTAG_ID); + (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', args.GTAG_MGR_ID); + }); + // error event + scriptElement.addEventListener('error', (event) => { + console.log('Error on loading GA4 remove script', event); + }); + } + return o; + }); + +// var args = { +// 'GTAG_ID':'', +// 'GTAG_MGR_ID': '' +// } + +if(typeof args !== 'undefined') { + _gsrsga4 = ga4JsLoaderRef(); + _gsrsga4.ga4LoadJs(args); +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index 6ecf3bad3..aefc5b34a 100644 --- a/src/index.html +++ b/src/index.html @@ -2,6 +2,8 @@ + + From dd5ffe06dd3bb4a077b31f67d4bc085acbd64e39 Mon Sep 17 00:00:00 2001 From: alx652 Date: Mon, 30 Dec 2024 16:19:25 -0500 Subject: [PATCH 2/4] change filename custom --- src/app/core/assets/js/{analytics.js => analytics.custom.js} | 0 src/index.html | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) rename src/app/core/assets/js/{analytics.js => analytics.custom.js} (100%) diff --git a/src/app/core/assets/js/analytics.js b/src/app/core/assets/js/analytics.custom.js similarity index 100% rename from src/app/core/assets/js/analytics.js rename to src/app/core/assets/js/analytics.custom.js diff --git a/src/index.html b/src/index.html index aefc5b34a..dfe4d8f6f 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,7 @@ - + From 254f3037c1ab5a560e8c927d0b9dedf95903acfd Mon Sep 17 00:00:00 2001 From: alx652 Date: Mon, 30 Dec 2024 16:30:59 -0500 Subject: [PATCH 3/4] change var --- src/app/core/assets/js/analytics.custom.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app/core/assets/js/analytics.custom.js b/src/app/core/assets/js/analytics.custom.js index a38a49daa..2e1d464ab 100644 --- a/src/app/core/assets/js/analytics.custom.js +++ b/src/app/core/assets/js/analytics.custom.js @@ -33,12 +33,12 @@ var ga4JsLoaderRef=(function () return o; }); -// var args = { -// 'GTAG_ID':'', +// var gsrs_ga4LoadJs_args = { +// 'GTAG_ID': '', // 'GTAG_MGR_ID': '' // } -if(typeof args !== 'undefined') { - _gsrsga4 = ga4JsLoaderRef(); - _gsrsga4.ga4LoadJs(args); +if(typeof gsrs_ga4LoadJs_args !== 'undefined') { + gsrs_ga4LoadJs = ga4JsLoaderRef(); + gsrs_ga4LoadJs.ga4LoadJs(gsrs_ga4LoadJs_args); } \ No newline at end of file From 43fe9ce239446943fb3a260a4023015d5b164dcd Mon Sep 17 00:00:00 2001 From: alx652 Date: Mon, 30 Dec 2024 16:36:24 -0500 Subject: [PATCH 4/4] edit --- src/app/core/assets/js/analytics.custom.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/app/core/assets/js/analytics.custom.js b/src/app/core/assets/js/analytics.custom.js index 2e1d464ab..72c2c4568 100644 --- a/src/app/core/assets/js/analytics.custom.js +++ b/src/app/core/assets/js/analytics.custom.js @@ -5,13 +5,11 @@ var ga4JsLoaderRef=(function () if(!(typeof args !== 'undefined' && args && args.GTAG_ID && args.GTAG_MGR_ID)) { return o; } - var async = true; - var gtagUrl = 'https://www.googletagmanager.com/gtag/js?id=__GTAG_ID__'; - gtagUrl = gtagUrl.replace('__GTAG_ID__', args.GTAG_ID); + var gtagUrl = 'https://www.googletagmanager.com/gtag/js?id=' + args.GTAG_ID; let scriptElement = document.createElement('script'); scriptElement.setAttribute('src', gtagUrl); scriptElement.setAttribute('type', 'text/javascript'); - scriptElement.setAttribute('async', async); + scriptElement.setAttribute('async', true); document.head.appendChild(scriptElement); // success event scriptElement.addEventListener('load', () => {