DOC-3988: Add conditional tracking pixel (#100)

eric-schneider · web-flow · commit 23af9d717d14 · 2023-08-28T17:16:04.000-07:00
* Add conditional tracking pixel

* hide tracking pixel

* update naming conventions
diff --git a/gcx/styles/src/layouts/404.hbs b/gcx/styles/src/layouts/404.hbs
@@ -184,5 +184,6 @@ window.addEventListener('DOMContentLoaded', (event) => {
   </script>
 {{> footer-content}}
 {{> intercom}}
+{{> tracking-pixel}}
 </body>
 </html>
diff --git a/gcx/styles/src/layouts/default.hbs b/gcx/styles/src/layouts/default.hbs
@@ -8,5 +8,6 @@
 {{> body}}
 {{> footer}}
 {{> intercom}}
+{{> tracking-pixel}}
   </body>
 </html>
diff --git a/gcx/styles/src/layouts/gcx-full.hbs b/gcx/styles/src/layouts/gcx-full.hbs
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head> 
+  <head>
 {{> head defaultPageTitle='Untitled'}}
   </head>
   <body class="article{{#with (or page.attributes.role page.role)}} {{{this}}}{{/with}}">
@@ -15,15 +15,15 @@
   {{> article-404}}
   {{else}}
   <!--{{> toc}}-->
-  <script id="antora-main-block" type="text/html">  
+  <script id="antora-main-block" type="text/html">
   {{> article}}
-  </script> 
+  </script>
   <gcx-full template-script="antora-main-block" ></gcx-full>
   {{/if}}
     </div>
   </main>
 
-  <script> 
+  <script>
     let schemaScript = document.querySelector("#antora-main-block").innerHTML;
     var htmlObject = document.createElement('div');
     htmlObject.innerHTML = schemaScript;
@@ -41,8 +41,8 @@
     }
   </script>
   </div>
-{{> footer}} 
-
+{{> footer}}
 {{> intercom}}
+{{> tracking-pixel}}
   </body>
 </html>
diff --git a/gcx/styles/src/layouts/gcx-landing.hbs b/gcx/styles/src/layouts/gcx-landing.hbs
@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html lang="en" data-template="landing">
   <head>
-  
+
 {{> head defaultPageTitle='Untitled'}}
   </head>
   <body class="article{{#with (or page.attributes.role page.role)}} {{{this}}}{{/with}}">
 {{> header}}
   {{> body}}
 {{> footer}}
-
 {{> intercom}}
+{{> tracking-pixel}}
   </body>
 </html>
diff --git a/gcx/styles/src/layouts/gcx-layout-no-sidebar.hbs b/gcx/styles/src/layouts/gcx-layout-no-sidebar.hbs
@@ -1,25 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-  
+
 {{> head defaultPageTitle='Untitled'}}
   </head>
   <body class="article{{#with (or page.attributes.role page.role)}} {{{this}}}{{/with}}">
 {{> header}}
-<div class="body"> 
+<div class="body">
   <main class="article">
   {{> toolbar}}
     <div class="content">
   {{#if (eq page.layout '404')}}
   {{> article-404}}
-  {{else}} 
-  {{> article}}  
+  {{else}}
+  {{> article}}
   {{/if}}
     </div>
-  </main>  
+  </main>
   </div>
 {{> footer}}
-
 {{> intercom}}
+{{> tracking-pixel}}
   </body>
 </html>
diff --git a/gcx/styles/src/partials/intercom.hbs b/gcx/styles/src/partials/intercom.hbs
@@ -6,4 +6,4 @@ window.intercomSettings = {
 </script>
 <script>
 !function(){var t=window,e=t.Intercom;if("function"==typeof e)e("reattach_activator"),e("update",t.intercomSettings);else{var n=document,a=function(){a.c(arguments)};a.q=[],a.c=function(t){a.q.push(t)},t.Intercom=a;var c=function(){var t=n.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://widget.intercom.io/widget/bpbxnnmr";var e=n.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)};t.attachEvent?t.attachEvent("onload",c):t.addEventListener("load",c,!1)}}();
-</script>
+</script>
diff --git a/gcx/styles/src/partials/tracking-pixel.hbs b/gcx/styles/src/partials/tracking-pixel.hbs
@@ -0,0 +1,3 @@
+    {{#with site.keys.scarfTrackingPixel}}
+    <img referrerpolicy="no-referrer-when-downgrade" src="https://static.scarf.sh/a.png?x-pxid={{this}}" style="display:none" />
+    {{/with}}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+ {{#with site.keys.scarfTrackingPixel}}`
	`2`	`+ <img referrerpolicy="no-referrer-when-downgrade" src="https://static.scarf.sh/a.png?x-pxid={{this}}" style="display:none" />`
	`3`	`+ {{/with}}`