add meta pixel

jhheider · jhheider · commit 4b8cc5262e70 · 2025-04-02T15:40:16.000-04:00
diff --git a/index.html b/index.html
@@ -23,6 +23,7 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap" />
   </head>
   <body>
+    <script></script>
     <div id="root"></div>
     <script type="module" src="/src/%VITE_HOST%.tsx"></script>
   </body>
diff --git a/vite.config.ts b/vite.config.ts
@@ -17,6 +17,9 @@ const htmlPlugin = () => {
       ).replace(
         /<meta name="description" content="(.*?)" \/>/,
         `<meta name="description" content="${description()}" />`
+      ).replace(
+        /<script><\/script>/,
+        scripts()
       )
     },
   }
@@ -53,3 +56,29 @@ function description() {
     return 'OPEN SOURCE IS A TREASURE TROVE. What jewel will you discover today?'
   }
 }
+
+function scripts() {
+  switch (process.env.VITE_HOST) {
+  case 'pkgx.dev':
+    return `<script>
+    !function (f, b, e, v, n, t, s) {
+        if (f.fbq) return; n = f.fbq = function () {
+            n.callMethod ?
+                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
+        };
+        if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
+        n.queue = []; t = b.createElement(e); t.async = !0;
+        t.src = v; s = b.getElementsByTagName(e)[0];
+        s.parentNode.insertBefore(t, s)
+    }(window, document, 'script',
+        'https://connect.facebook.net/en_US/fbevents.js');
+    fbq('init', '1632217704843931');
+    fbq('track', 'PageView');
+</script>
+<noscript>
+    <img height="1" width="1" style="display:none"
+        src="https://www.facebook.com/tr?id=1632217704843931&ev=PageView&noscript=1" />
+</noscript>`;
+  default: return '';
+  }
+}
