diff --git a/assets/frontend/event-inspector-rtl.css b/assets/frontend/event-inspector-rtl.css index 8777f2a..69dbf42 100644 --- a/assets/frontend/event-inspector-rtl.css +++ b/assets/frontend/event-inspector-rtl.css @@ -1 +1 @@ -:root{--gtmkit-background-white:#fff;--gtmkit-background-grey:#f0f0f1;--gtmkit-border-color:#ddd;--gtmkit-text-color-heading:#454545;--gtmkit-text-color-grey:#777;--gtmkit-color-grey:#888;--gtmkit-color-primary:#3969bb;--gtmkit-color-secondary:#00a32a;--gtmkit-color-button:#3969bb;--gtmkit-color-success:#00a32a;--gtmkit-color-warning:orange;--gtmkit-color-error:red;--gtmkit-space-h:2rem;--gtmkit-space-v:1.5rem;--gtmkit-font-size-l:18px;--gtmkit-font-size-m:16px;--gtmkit-font-size-s:14px;--gtmkit-font-size-xl:22px;--gtmkit-font-size-xs:12px;--gtmkit-font-size-xxl:24px;--gtmkit-button-disabled:#bbb;--gtmkit-button-disabled-bg:#f5f5f5;--gtmkit-button-disabled-border:1px solid #ddd;--gtmkit-button-disabled-text:#bbb;--gtmkit-button-primary-bg:var(--gtmkit-color-primary);--gtmkit-button-primary-bg-hover:#397eeb;--gtmkit-button-primary-text:#fff;--gtmkit-button-primary-text-hover:#fff;--gtmkit-button-secondary-bg:#f8f8f8;--gtmkit-button-secondary-bg-hover:#fff;--gtmkit-button-secondary-border:#ddd;--gtmkit-button-secondary-text:#777;--gtmkit-button-secondary-text-hover:#454545}#gtmkit-event-inspector{background-color:var(--gtmkit-background-white);border-top:2px solid var(--gtmkit-color-grey);bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;right:0;max-height:25%;overflow-y:scroll;position:fixed;left:0;z-index:99999}#gtmkit-event-inspector-wrapper{align-items:center;display:flex;gap:2rem;margin:0 auto;padding:1rem;text-align:center;width:-moz-max-content;width:max-content}#gtmkit-event-inspector-title{color:var(--gtmkit-color-primary);font-size:1.125rem;font-weight:600}#gtmkit-event-inspector-list{display:flex;gap:1rem;margin:0}#gtmkit-event-inspector-list li{color:var(--gtmkit-text-color-grey);list-style:none;padding:.1rem 0}#gtmkit-event-inspector-list li:first-of-type{border-bottom:2px solid var(--gtmkit-color-grey);color:var(--gtmkit-text-color-heading);font-weight:500} +:root{--gtmkit-background-white:#fff;--gtmkit-background-grey:#f0f0f1;--gtmkit-border-color:#ddd;--gtmkit-text-color-heading:#454545;--gtmkit-text-color-grey:#777;--gtmkit-color-grey:#888;--gtmkit-color-primary:#3969bb;--gtmkit-color-secondary:#00a32a;--gtmkit-color-button:#3969bb;--gtmkit-color-success:#00a32a;--gtmkit-color-warning:orange;--gtmkit-color-error:red;--gtmkit-space-h:2rem;--gtmkit-space-v:1.5rem;--gtmkit-font-size-l:18px;--gtmkit-font-size-m:16px;--gtmkit-font-size-s:14px;--gtmkit-font-size-xl:22px;--gtmkit-font-size-xs:12px;--gtmkit-font-size-xxl:24px;--gtmkit-button-disabled:#bbb;--gtmkit-button-disabled-bg:#f5f5f5;--gtmkit-button-disabled-border:1px solid #ddd;--gtmkit-button-disabled-text:#bbb;--gtmkit-button-primary-bg:var(--gtmkit-color-primary);--gtmkit-button-primary-bg-hover:#397eeb;--gtmkit-button-primary-text:#fff;--gtmkit-button-primary-text-hover:#fff;--gtmkit-button-secondary-bg:#f8f8f8;--gtmkit-button-secondary-bg-hover:#fff;--gtmkit-button-secondary-border:#ddd;--gtmkit-button-secondary-text:#777;--gtmkit-button-secondary-text-hover:#454545}#gtmkit-event-inspector{background-color:var(--gtmkit-background-white);border-top:2px solid var(--gtmkit-color-grey);bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;right:0;max-height:25%;overflow-y:scroll;position:fixed;left:0;z-index:99999}#gtmkit-event-inspector.restrict{display:none}#gtmkit-event-inspector-wrapper{align-items:center;display:flex;gap:2rem;margin:0 auto;padding:1rem;text-align:center;width:-moz-max-content;width:max-content}#gtmkit-event-inspector-title{color:var(--gtmkit-color-primary);font-size:1.125rem;font-weight:600}#gtmkit-event-inspector-list{display:flex;gap:1rem;margin:0}#gtmkit-event-inspector-list li{color:var(--gtmkit-text-color-grey);list-style:none;padding:.1rem 0}#gtmkit-event-inspector-list li:first-of-type{border-bottom:2px solid var(--gtmkit-color-grey);color:var(--gtmkit-text-color-heading);font-weight:500} diff --git a/assets/frontend/event-inspector.asset.php b/assets/frontend/event-inspector.asset.php index af59307..1d9c265 100644 --- a/assets/frontend/event-inspector.asset.php +++ b/assets/frontend/event-inspector.asset.php @@ -1 +1 @@ - array(), 'version' => '361fa528b625299cad80'); + array(), 'version' => 'd328580771c8363d4991'); diff --git a/assets/frontend/event-inspector.css b/assets/frontend/event-inspector.css index 94cbbb0..ed900ec 100644 --- a/assets/frontend/event-inspector.css +++ b/assets/frontend/event-inspector.css @@ -1 +1 @@ -:root{--gtmkit-background-white:#fff;--gtmkit-background-grey:#f0f0f1;--gtmkit-border-color:#ddd;--gtmkit-text-color-heading:#454545;--gtmkit-text-color-grey:#777;--gtmkit-color-grey:#888;--gtmkit-color-primary:#3969bb;--gtmkit-color-secondary:#00a32a;--gtmkit-color-button:#3969bb;--gtmkit-color-success:#00a32a;--gtmkit-color-warning:orange;--gtmkit-color-error:red;--gtmkit-space-h:2rem;--gtmkit-space-v:1.5rem;--gtmkit-font-size-l:18px;--gtmkit-font-size-m:16px;--gtmkit-font-size-s:14px;--gtmkit-font-size-xl:22px;--gtmkit-font-size-xs:12px;--gtmkit-font-size-xxl:24px;--gtmkit-button-disabled:#bbb;--gtmkit-button-disabled-bg:#f5f5f5;--gtmkit-button-disabled-border:1px solid #ddd;--gtmkit-button-disabled-text:#bbb;--gtmkit-button-primary-bg:var(--gtmkit-color-primary);--gtmkit-button-primary-bg-hover:#397eeb;--gtmkit-button-primary-text:#fff;--gtmkit-button-primary-text-hover:#fff;--gtmkit-button-secondary-bg:#f8f8f8;--gtmkit-button-secondary-bg-hover:#fff;--gtmkit-button-secondary-border:#ddd;--gtmkit-button-secondary-text:#777;--gtmkit-button-secondary-text-hover:#454545}#gtmkit-event-inspector{background-color:var(--gtmkit-background-white);border-top:2px solid var(--gtmkit-color-grey);bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;left:0;max-height:25%;overflow-y:scroll;position:fixed;right:0;z-index:99999}#gtmkit-event-inspector-wrapper{align-items:center;display:flex;gap:2rem;margin:0 auto;padding:1rem;text-align:center;width:-moz-max-content;width:max-content}#gtmkit-event-inspector-title{color:var(--gtmkit-color-primary);font-size:1.125rem;font-weight:600}#gtmkit-event-inspector-list{display:flex;gap:1rem;margin:0}#gtmkit-event-inspector-list li{color:var(--gtmkit-text-color-grey);list-style:none;padding:.1rem 0}#gtmkit-event-inspector-list li:first-of-type{border-bottom:2px solid var(--gtmkit-color-grey);color:var(--gtmkit-text-color-heading);font-weight:500} +:root{--gtmkit-background-white:#fff;--gtmkit-background-grey:#f0f0f1;--gtmkit-border-color:#ddd;--gtmkit-text-color-heading:#454545;--gtmkit-text-color-grey:#777;--gtmkit-color-grey:#888;--gtmkit-color-primary:#3969bb;--gtmkit-color-secondary:#00a32a;--gtmkit-color-button:#3969bb;--gtmkit-color-success:#00a32a;--gtmkit-color-warning:orange;--gtmkit-color-error:red;--gtmkit-space-h:2rem;--gtmkit-space-v:1.5rem;--gtmkit-font-size-l:18px;--gtmkit-font-size-m:16px;--gtmkit-font-size-s:14px;--gtmkit-font-size-xl:22px;--gtmkit-font-size-xs:12px;--gtmkit-font-size-xxl:24px;--gtmkit-button-disabled:#bbb;--gtmkit-button-disabled-bg:#f5f5f5;--gtmkit-button-disabled-border:1px solid #ddd;--gtmkit-button-disabled-text:#bbb;--gtmkit-button-primary-bg:var(--gtmkit-color-primary);--gtmkit-button-primary-bg-hover:#397eeb;--gtmkit-button-primary-text:#fff;--gtmkit-button-primary-text-hover:#fff;--gtmkit-button-secondary-bg:#f8f8f8;--gtmkit-button-secondary-bg-hover:#fff;--gtmkit-button-secondary-border:#ddd;--gtmkit-button-secondary-text:#777;--gtmkit-button-secondary-text-hover:#454545}#gtmkit-event-inspector{background-color:var(--gtmkit-background-white);border-top:2px solid var(--gtmkit-color-grey);bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;left:0;max-height:25%;overflow-y:scroll;position:fixed;right:0;z-index:99999}#gtmkit-event-inspector.restrict{display:none}#gtmkit-event-inspector-wrapper{align-items:center;display:flex;gap:2rem;margin:0 auto;padding:1rem;text-align:center;width:-moz-max-content;width:max-content}#gtmkit-event-inspector-title{color:var(--gtmkit-color-primary);font-size:1.125rem;font-weight:600}#gtmkit-event-inspector-list{display:flex;gap:1rem;margin:0}#gtmkit-event-inspector-list li{color:var(--gtmkit-text-color-grey);list-style:none;padding:.1rem 0}#gtmkit-event-inspector-list li:first-of-type{border-bottom:2px solid var(--gtmkit-color-grey);color:var(--gtmkit-text-color-heading);font-weight:500} diff --git a/assets/frontend/event-inspector.js b/assets/frontend/event-inspector.js index cff069e..89b9651 100644 --- a/assets/frontend/event-inspector.js +++ b/assets/frontend/event-inspector.js @@ -1 +1 @@ -(()=>{"use strict";const t=window[window.gtmkit_settings.datalayer_name];t.push=function(){Array.prototype.push.apply(this,arguments);const t=new CustomEvent("gtmkitDataLayerPush",{detail:arguments[0]});window.dispatchEvent(t)},window.addEventListener("gtmkitDataLayerPush",(function(n){!function(){const n=t.length-1;if(n>e){const i=t.slice(e+1);let s=JSON.parse(sessionStorage.getItem("gtmkit-event-inspector"))||[];i.forEach((t=>{!t.event&&!t.ecommerce||t.event&&"gtm."===t.event.substring(0,4)||s.push(t.event)})),s.length>5&&(s=s.slice(-5)),e=n,sessionStorage.setItem("gtmkit-event-inspector",JSON.stringify(s)),function(t){const e=[...t].reverse().map((t=>"
  • {{event}}
    • ".replace("{{event}}",t)));document.getElementById("gtmkit-event-inspector-list").innerHTML=e.join("")}(s)}}()}));let e=0})(); \ No newline at end of file +(()=>{"use strict";const t=window[window.gtmkit_settings.datalayer_name];t.push=function(){Array.prototype.push.apply(this,arguments);const t=new CustomEvent("gtmkitDataLayerPush",{detail:arguments[0]});window.dispatchEvent(t)},window.addEventListener("gtmkitDataLayerPush",(function(n){!function(){const n=t.length-1;if(n>e){const i=t.slice(e+1);let s=JSON.parse(sessionStorage.getItem("gtmkit-event-inspector"))||[];i.forEach((t=>{!t.event&&!t.ecommerce||t.event&&"gtm."===t.event.substring(0,4)||s.push(t)})),s.length>5&&(s=s.slice(-5)),e=n,sessionStorage.setItem("gtmkit-event-inspector",JSON.stringify(s)),function(t){const e=[...t].reverse().map((t=>"
  • {{event}}
    • ".replace("{{event}}",t.event)));document.getElementById("gtmkit-event-inspector-list").innerHTML=e.join("")}(s)}}()}));let e=0})(); \ No newline at end of file diff --git a/src/Frontend/Frontend.php b/src/Frontend/Frontend.php index 1c6eaa4..d6d686a 100644 --- a/src/Frontend/Frontend.php +++ b/src/Frontend/Frontend.php @@ -344,8 +344,13 @@ public function dns_prefetch( array $hints, string $relation_type ): array { * Get the Event Inspector HTML */ public function get_event_inspector(): void { + $restrict = apply_filters( 'gtmkit_restrict_event_inspector', false ); ?> -
    +
    + class="restrict">
    GTM Kit Event Inspector:
      diff --git a/src/js/frontend/event-inspector/index.js b/src/js/frontend/event-inspector/index.js index 673adb4..5cf42b3 100644 --- a/src/js/frontend/event-inspector/index.js +++ b/src/js/frontend/event-inspector/index.js @@ -35,7 +35,7 @@ function getDataLayer() { ) { return; } - storedEvents.push( event.event ); + storedEvents.push( event ); } ); if ( storedEvents.length > 5 ) { @@ -56,7 +56,7 @@ function renderList( events ) { const listItem = '
    • {{event}}
      • '; const reversedList = [ ...events ].reverse(); const rendered = reversedList.map( ( item ) => { - return listItem.replace( '{{event}}', item ); + return listItem.replace( '{{event}}', item.event ); } ); document.getElementById( 'gtmkit-event-inspector-list' ).innerHTML = diff --git a/src/js/frontend/event-inspector/styles.scss b/src/js/frontend/event-inspector/styles.scss index 6a77b15..c4f0227 100644 --- a/src/js/frontend/event-inspector/styles.scss +++ b/src/js/frontend/event-inspector/styles.scss @@ -12,6 +12,9 @@ background-color: var(--gtmkit-background-white); border-top: 2px solid var(--gtmkit-color-grey); + &.restrict { + display: none; + } } #gtmkit-event-inspector-wrapper{