mustachebash
diff --git a/‎src/components/tickets.ts‎
Lines changed: 35 additions & 0 deletions b/‎src/components/tickets.ts‎
Lines changed: 35 additions & 0 deletions
diff --git a/‎src/layouts/Layout.astro‎
Lines changed: 14 additions & 0 deletions b/‎src/layouts/Layout.astro‎
Lines changed: 14 additions & 0 deletions
@@ -93,6 +93,21 @@ function updateCartQuantities() {
 	updateSubtotals();
 }
 
+async function sha256(str: string) {
+  // Convert the string to a Uint8Array
+  const encoder = new TextEncoder();
+  const data = encoder.encode(str);
+
+  // Use the subtle crypto API to hash the data
+  const hashBuffer = await window.crypto.subtle.digest('SHA-256', data);
+
+  // Convert the hash to a hex string
+  const hashArray = Array.from(new Uint8Array(hashBuffer));
+  const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
+
+  return hashHex;
+}
+
 const targetGuestId = (new URLSearchParams(location.search).get('targetGuestId')) ?? undefined;
 function completePurchase(nonce: string) {
 	return fetch(API_HOST + '/v1/orders', {
@@ -183,6 +198,26 @@ function completePurchase(nonce: string) {
 			} catch(e) {
 				// Don't let FB break the site
 			}
+
+			try {
+				sha256(customer.email).then(hashedEmail => {
+					(window as any).ttq.identify({
+						// sha256 hash of the customer email address
+						email: hashedEmail
+					});
+					(window as any).ttq.track('Purchase', {
+						currency: 'USD',
+						value: total,
+						contents: cart.map(i => ({
+							content_id: i.productId,
+							content_type: products[i.productId].type,
+							content_name: products[i.productId].name
+						}))
+					});
+				}).catch(console.error);
+			} catch(e) {
+				// Don't let TikTok break the site
+			}
 		});
 }
 
 
@@ -75,6 +75,20 @@ const ogImageURL = openGraphImage ? new URL(openGraphImage.src, Astro.site).href
 		<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1354987751343916&ev=PageView&noscript=1" />
 	</noscript>
 	<!-- End Facebook Pixel Code -->
+
+	<!-- TikTok Pixel Code -->
+
+	<script is:inline>
+		!function (w, d, t) {
+			w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
+			var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
+			;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
+
+			ttq.load('D3CBULBC77UCTDLGROGG');
+			ttq.page();
+		}(window, document, 'ttq');
+	</script>
+<!-- End TikTok Pixel Code-->
 </head>
 
 <body>