gtm-react-hook
Advanced tools
Comparing version 0.0.16 to 0.0.17
# gtm-react-hook | ||
## 0.0.17 | ||
### Patch Changes | ||
- 406a82b: update codestyle | ||
## 0.0.16 | ||
@@ -4,0 +10,0 @@ |
@@ -17,3 +17,3 @@ type GTMConstructor = { | ||
declare const useGTM: () => { | ||
runGTM: ({ tagId, dataLayerName, domain, environment, nonce, script, devMode, }: GTMConstructor) => void; | ||
runGTM: ({ tagId, nonce, domain, script, devMode, environment, dataLayerName, }: GTMConstructor) => void; | ||
eventGTM: (eventName: string, data?: object) => void; | ||
@@ -20,0 +20,0 @@ }; |
@@ -1,6 +0,6 @@ | ||
"use strict";var p=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames,l=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var _=(e,t,o)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,A=(e,t)=>{for(var o in t||(t={}))E.call(t,o)&&_(e,o,t[o]);if(l)for(var o of l(t))C.call(t,o)&&_(e,o,t[o]);return e};var R=(e,t)=>{for(var o in t)p(e,o,{get:t[o],enumerable:!0})},b=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of $(t))!E.call(e,n)&&n!==o&&p(e,n,{get:()=>t[n],enumerable:!(i=L(t,n))||i.enumerable});return e};var x=e=>b(p({},"__esModule",{value:!0}),e);var G={};R(G,{useGTM:()=>D});module.exports=x(G);var s=require("react");var g="dataLayer",h="https://www.googletagmanager.com",w="gtm.js",f="gtm-script",T="gtm-noscript";var y=(e,t)=>e===void 0?"":t==="script"?`+ '>m_auth=${e.gtm_auth}>m_preview=${e.gtm_preview}>m_cookies_win=x'`:`>m_auth=${e.gtm_auth}>m_preview=${e.gtm_preview}>m_cookies_win=x`,M=e=>{let[t,o]=e==="script"?["Script","header"]:["Noscript","body"];console.info(`\u{1F7E2} [gtm-react-hook] GTM ${t} was added to ${o}`)},v=e=>{let{tagId:t,domain:o=h,script:i=w,dataLayerName:n=g,nonce:r,environment:c,devMode:m}=e,d=document.createElement("script");d.id=f,d.setAttribute("data-testid",f),r&&d.setAttribute("nonce",r);let u=y(c,"script");d.innerHTML=`(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': | ||
"use strict";var p=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames,l=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var _=(e,t,o)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,A=(e,t)=>{for(var o in t||(t={}))E.call(t,o)&&_(e,o,t[o]);if(l)for(var o of l(t))C.call(t,o)&&_(e,o,t[o]);return e};var R=(e,t)=>{for(var o in t)p(e,o,{get:t[o],enumerable:!0})},b=(e,t,o,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of $(t))!E.call(e,n)&&n!==o&&p(e,n,{get:()=>t[n],enumerable:!(c=L(t,n))||c.enumerable});return e};var x=e=>b(p({},"__esModule",{value:!0}),e);var G={};R(G,{useGTM:()=>D});module.exports=x(G);var i=require("react");var g="dataLayer",h="https://www.googletagmanager.com",w="gtm.js",f="gtm-script",T="gtm-noscript";var y=(e,t)=>e===void 0?"":t==="script"?`+ '>m_auth=${e.gtm_auth}>m_preview=${e.gtm_preview}>m_cookies_win=x'`:`>m_auth=${e.gtm_auth}>m_preview=${e.gtm_preview}>m_cookies_win=x`,M=e=>{let[t,o]=e==="script"?["Script","header"]:["Noscript","body"];console.info(`\u{1F7E2} [gtm-react-hook] GTM ${t} was added to ${o}`)},v=e=>{let{tagId:t,domain:o=h,script:c=w,dataLayerName:n=g,nonce:a,environment:d,devMode:m}=e,r=document.createElement("script");r.id=f,r.setAttribute("data-testid",f),a&&r.setAttribute("nonce",a);let u=y(d,"script");r.innerHTML=`(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= | ||
'${o}/${i}?id='+i+dl${u};f.parentNode.insertBefore(j,f); | ||
})(window,document,'script','${n}','${t}');`,document.head.insertBefore(d,document.head.childNodes[0]),m&&M("script");let a=document.createElement("noscript");a.id=T,a.setAttribute("data-testid",T);let I=y(c,"noscript");a.innerHTML=`<iframe | ||
'${o}/${c}?id='+i+dl${u};f.parentNode.insertBefore(j,f); | ||
})(window,document,'script','${n}','${t}');`,document.head.insertBefore(r,document.head.childNodes[0]),m&&M("script");let s=document.createElement("noscript");s.id=T,s.setAttribute("data-testid",T);let I=y(d,"noscript");s.innerHTML=`<iframe | ||
src="${o}/ns.html?id=${t}${I}" | ||
@@ -10,2 +10,2 @@ height="0" | ||
style="display:none;visibility:hidden" | ||
/>`,document.body.insertBefore(a,document.body.childNodes[0]),m&&M("noscript")};var D=()=>{let e=(0,s.useRef)(g),t=(0,s.useRef)(!1),o=(0,s.useCallback)(({tagId:n,dataLayerName:r,domain:c,environment:m,nonce:d,script:u,devMode:a})=>{a&&(t.current=!0),v({tagId:n,dataLayerName:r,domain:c,environment:m,nonce:d,script:u,devMode:a}),typeof r=="string"&&(e.current=r)},[]),i=(0,s.useCallback)((n,r)=>{if(e.current in window){let c=A({event:n},r);window[e.current].push(c),t.current&&console.info("\u{1F535} [gtm-react-hook] Event has sent! Payload:",c)}},[]);return(0,s.useMemo)(()=>({runGTM:o,eventGTM:i}),[o,i])};0&&(module.exports={useGTM}); | ||
/>`,document.body.insertBefore(s,document.body.childNodes[0]),m&&M("noscript")};var D=()=>{let e=(0,i.useRef)(g),t=(0,i.useRef)(!1),o=(0,i.useCallback)(({tagId:n,nonce:a,domain:d,script:m,devMode:r,environment:u,dataLayerName:s})=>{r&&(t.current=!0),v({tagId:n,nonce:a,domain:d,script:m,devMode:r,environment:u,dataLayerName:s}),typeof s=="string"&&(e.current=s)},[]),c=(0,i.useCallback)((n,a)=>{if(e.current in window){let d=A({event:n},a);window[e.current].push(d),t.current&&console.info("\u{1F535} [gtm-react-hook] Event has sent! Payload:",d)}},[]);return(0,i.useMemo)(()=>({runGTM:o,eventGTM:c}),[o,c])};0&&(module.exports={useGTM}); |
{ | ||
"name": "gtm-react-hook", | ||
"description": "Easy-to-use React hooks for Google Tag Management based on TypeScript", | ||
"version": "0.0.16", | ||
"version": "0.0.17", | ||
"dependencies": { | ||
@@ -6,0 +6,0 @@ "react": "^18.2.0" |
@@ -13,8 +13,8 @@ import { useRef, useMemo, useCallback } from "react"; | ||
tagId, | ||
dataLayerName, | ||
nonce, | ||
domain, | ||
environment, | ||
nonce, | ||
script, | ||
devMode, | ||
environment, | ||
dataLayerName, | ||
}: GTMConstructor) => { | ||
@@ -27,8 +27,8 @@ if (devMode) { | ||
tagId, | ||
dataLayerName, | ||
nonce, | ||
domain, | ||
environment, | ||
nonce, | ||
script, | ||
devMode, | ||
environment, | ||
dataLayerName, | ||
}); | ||
@@ -35,0 +35,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
34672