Merge pull request #134 from threshold-network/chore/cookie3

chore: add cookie3 script

Author: piotr-roslaniec

.env.example

@@ -1,2 +1,3 @@
 GATSBY_GTM_ID=GTM-XXXXXXX
-GATSBY_GTM_SUPPORT=false
+GATSBY_GTM_SUPPORT=false
+GATSBY_COOKIE3_SITE_ID=XXXXXXXXXXXXXXXX

.github/workflows/ci.yml

@@ -36,6 +36,7 @@ jobs:
         env:
           PUBLIC_URL: /${{ github.head_ref }}
           GATSBY_SUBGRAPH_API_KEY: ${{ secrets.SUBGRAPH_API_KEY }}
+          GATSBY_COOKIE3_SITE_ID: ${{ secrets.COOKIE3_SITE_ID }}
 
       - name: Build
         if: github.event_name == 'push'
@@ -48,6 +49,7 @@ jobs:
           GATSBY_GTM_SUPPORT: true
           GATSBY_GTM_ID: ${{ secrets.GTM_ID }}
           GATSBY_SUBGRAPH_API_KEY: ${{ secrets.SUBGRAPH_API_KEY }}
+          GATSBY_COOKIE3_SITE_ID: ${{ secrets.COOKIE3_SITE_ID }}
 
       - uses: actions/upload-artifact@v4
         with:

gatsby-ssr.tsx

@@ -1 +1,23 @@
+import React from "react"
+import type { GatsbySSR } from "gatsby"
+
+const COOKIE3_SCRIPT_VERSION = "0.11.24"
+
+export const onRenderBody: GatsbySSR["onRenderBody"] = ({
+  setHeadComponents,
+}) => {
+  if (process.env.GATSBY_COOKIE3_SITE_ID) {
+    setHeadComponents([
+      <script
+        key="cookie3-analytics"
+        src={`https://cdn.markfi.xyz/scripts/analytics/${COOKIE3_SCRIPT_VERSION}/cookie3.analytics.min.js`}
+        integrity="sha384-lp8ATuGdLnhwAutE0SOVmSINtZ4DObSNjODmbbjYxaX92FOPBLyZjN+wVIaoK4Qy"
+        crossOrigin="anonymous"
+        {...{ "site-id": process.env.GATSBY_COOKIE3_SITE_ID }}
+        async={true}
+      />,
+    ])
+  }
+}
+
 export { wrapPageElement } from "./gatsby-browser"