feat: add out of the box support for Splitbee Analytics

src/components/core/MetaTags.astro

@@ -9,6 +9,7 @@ import defaultImageSrc from '~/assets/images/default.png';
 import { SITE } from '~/config.mjs';
 import Fonts from '../atoms/Fonts.astro';
 import ExtraMetaTags from '../atoms/ExtraMetaTags.astro';
+import SplitbeeAnalytics from "./SplitbeeAnalytics.astro";
 
 const { src: defaultImage } = await getImage({
 	src: defaultImageSrc,
@@ -76,4 +77,6 @@ const image =
 <!-- Google Analytics -->
 {SITE.googleAnalyticsId && <GoogleAnalytics id={String(SITE.googleAnalyticsId)} partytown={true} />}
 
+{SITE.splitbeeAnalytics?.enabled && <SplitbeeAnalytics {...SITE.splitbeeAnalytics} />}
+
 <ExtraMetaTags />

src/components/core/SplitbeeAnalytics.astro

@@ -0,0 +1,6 @@
+<!-- Splitbee Analytics -->
+<script 
+	data-respect-dnt={Astro.props.doNotTrack}
+	data-no-cookie={Astro.props.noCookieMode}
+	async src="https://cdn.splitbee.io/sb.js">
+</script>

src/config.mjs

@@ -9,6 +9,12 @@ export const SITE = {
 
 	googleAnalyticsId: false, // or "G-XXXXXXXXXX",
 	googleSiteVerificationId: 'orcPxI47GSa-cRvY11tUe6iGg2IO_RPvnA1q95iEM3M',
+
+	splitbeeAnalytics: {
+		enabled: false,
+		doNotTrack: true,
+		noCookieMode: false,
+	}
 };
 
 export const BLOG = {