@gudhub/ssg-web-components-library 1.0.76 → 1.0.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gudhub/ssg-web-components-library",
-  "version": "1.0.76",
+  "version": "1.0.77",
   "description": "",
   "main": "index.js",
   "type": "module",

package/src/components/google-tag/config.js

@@ -0,0 +1,6 @@
+export const GoogleTag = {
+  tag: 'google-tag',
+  category: 'Utilities',
+  src: '@gudhub/ssg-web-components-library/src/components/google-tag/google-tag.js',
+  serverOnly: false
+}

package/src/components/google-tag/google-tag.js

@@ -0,0 +1,40 @@
+class GoogleTag extends GHComponent {
+    constructor() {
+        super();
+    }
+
+    onClientRender() {
+        const timeout = parseInt(this.getAttribute('data-timeout')) || 3000;
+        const googleId = this.getAttribute('data-googleId');
+        const script = document.createElement('script');
+
+        if (!googleId) {
+            script.innerHTML = 'No google id for tag'
+        } else {
+            script.innerHTML = `
+                window.addEventListener('load', function () {
+                    setTimeout(function () {
+                        (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', '${googleId}');
+                    }, ${timeout});
+                });
+            `;
+        }
+
+        document.querySelector('body').appendChild(script);
+        this.remove();
+    }
+}
+
+window.customElements.define('google-tag', GoogleTag);

package/src/config.js

@@ -64,11 +64,9 @@ export { youtubePlayer } from './components/youtube-player/config.js';
 export { getInTouchBlockWithImage } from './components/get-in-touch-block-with-image/config.js';
 export { PageBannerImageAndMenu } from './components/page-banner-image-and-menu/config.js';
 export { GoogleAnalytics } from './components/google-analytics/config.js';
+export { GoogleTag } from './components/google-tag/config.js';
 export { cookiesPopup } from './components/cookies-popup/config.js';
 
-
-
-
 // export { liqPayComponent } from './components/liqpay-component/config.js';
 // export { htmlTextFromEditorJs } from './components/html-text-from-editor-js/config.js';
 // export { toggleReadMoreButtonComponent } from './components/html-text-from-editor-js/toggle-read-more-button-component/config.js';