chore: Add google ads

website/astro.config.mjs

@@ -93,6 +93,9 @@ export default defineConfig({
           ],
         },
       ],
+      components: {
+        TableOfContents: "./src/components/starlight/TableOfContents.astro",
+      },
       head: [
         {
           tag: "script",
@@ -114,14 +117,6 @@ export default defineConfig({
               gtag('config', '${googleAnalyticsId}');
             `,
         },
-        {
-          tag: "script",
-          attrs: {
-            src: `https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6049036475236211`,
-            async: true,
-            crossorigin: "anonymous",
-          },
-        },
       ],
     }),
     tailwind({

website/src/components/starlight/TableOfContents.astro

@@ -0,0 +1,20 @@
+---
+import type { Props } from "@astrojs/starlight/props";
+import AstrolightTableOfContents from "@astrojs/starlight/components/TableOfContents.astro";
+---
+
+<AstrolightTableOfContents {...Astro.props} />
+<script
+  async
+  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6049036475236211"
+  crossorigin="anonymous"></script>
+<ins
+  class="adsbygoogle"
+  style="display:block"
+  data-ad-client="ca-pub-6049036475236211"
+  data-ad-slot="3475386518"
+  data-ad-format="auto"
+  data-full-width-responsive="true"></ins>
+<script>
+  (adsbygoogle = window.adsbygoogle || []).push({});
+</script>

website/src/env.d.ts

@@ -1,2 +1,8 @@
 /// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
+
+declare let adsbygoogle: any;
+
+interface Window {
+  adsbygoogle: any;
+}