add google tag

superpage/astro.config.mjs

@@ -4,9 +4,18 @@ import { defineConfig } from 'astro/config'
 import react from '@astrojs/react'
 import tailwindcss from '@tailwindcss/vite'
 
+import partytown from '@astrojs/partytown'
+
 // https://astro.build/config
 export default defineConfig({
-  integrations: [react()],
+  integrations: [
+    react(),
+    partytown({
+      config: {
+        forward: ['dataLayer.push'],
+      },
+    }),
+  ],
   prefetch: true,
   vite: {
     plugins: [tailwindcss()],

superpage/package-lock.json

@@ -8,9 +8,9 @@
       "name": "eduseg",
       "version": "0.0.1",
       "dependencies": {
+        "@astrojs/partytown": "^2.1.4",
         "@astrojs/react": "^4.2.1",
         "@fontsource/roboto": "^5.2.5",
-        "@fontsource/twinkle-star": "^5.2.5",
         "@headlessui/react": "^2.2.1",
         "@heroicons/react": "^2.2.0",
         "@tailwindcss/vite": "^4.0.13",
@@ -80,6 +80,16 @@
         "vfile": "^6.0.3"
       }
     },
+    "node_modules/@astrojs/partytown": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@astrojs/partytown/-/partytown-2.1.4.tgz",
+      "integrity": "sha512-loUrAu0cGYFDC6dHVRiomdsBJ41VjDYXPA+B3Br51V5hENFgDSOLju86OIj1TvBACcsB22UQV7BlppODDG5gig==",
+      "license": "MIT",
+      "dependencies": {
+        "@qwik.dev/partytown": "^0.11.0",
+        "mrmime": "^2.0.1"
+      }
+    },
     "node_modules/@astrojs/prism": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-3.2.0.tgz",
@@ -894,15 +904,6 @@
         "url": "https://github.com/sponsors/ayuhito"
       }
     },
-    "node_modules/@fontsource/twinkle-star": {
-      "version": "5.2.5",
-      "resolved": "https://registry.npmjs.org/@fontsource/twinkle-star/-/twinkle-star-5.2.5.tgz",
-      "integrity": "sha512-vD8t14W/zjlg/DKYJGqBK47HE5NToPk8t3o2AiXe5B9Wzch3Kd0PO+d5D8JK7SrwLSPDf+E7jcDMym3XMkSimw==",
-      "license": "OFL-1.1",
-      "funding": {
-        "url": "https://github.com/sponsors/ayuhito"
-      }
-    },
     "node_modules/@headlessui/react": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-2.2.1.tgz",
@@ -1346,6 +1347,21 @@
       "integrity": "sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==",
       "license": "MIT"
     },
+    "node_modules/@qwik.dev/partytown": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@qwik.dev/partytown/-/partytown-0.11.0.tgz",
+      "integrity": "sha512-MHime7cxj7KGrapGZ1VqLkXXq5BLNqvjNZndRJVvMkUWn92F2bsezlWW1lKDoFaKCKu2xv9LRUZL99RYOs+ccA==",
+      "license": "MIT",
+      "dependencies": {
+        "dotenv": "^16.4.7"
+      },
+      "bin": {
+        "partytown": "bin/partytown.cjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
     "node_modules/@react-aria/focus": {
       "version": "3.20.2",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.20.2.tgz",
@@ -2993,6 +3009,18 @@
       "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
       "license": "MIT"
     },
+    "node_modules/dotenv": {
+      "version": "16.5.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.5.0.tgz",
+      "integrity": "sha512-m/C+AwOAr9/W1UOIZUo232ejMNnJAJtYQjUbHoNTBNTJSvqzzDh7vnrei3o3r3m9blf6ZoDkvcw0VmozNRFJxg==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
     "node_modules/dset": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/dset/-/dset-3.1.4.tgz",

superpage/package.json

@@ -9,9 +9,9 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/partytown": "^2.1.4",
     "@astrojs/react": "^4.2.1",
     "@fontsource/roboto": "^5.2.5",
-    "@fontsource/twinkle-star": "^5.2.5",
     "@headlessui/react": "^2.2.1",
     "@heroicons/react": "^2.2.0",
     "@tailwindcss/vite": "^4.0.13",

superpage/src/data/posts/prevencao-na-seguranca-do-trabalho.md

@@ -1,10 +0,0 @@
----
-title: 'Prevenção na segurança do trabalho: um investimento que salva vidas'
-slug: prevencao-na-seguranca-do-trabalho
----
-
-Prevenção na segurança do trabalho ainda é vista por muitas empresas como um custo. No entanto, a verdade é que prevenir não é apenas mais barato — é vital. Reagir após um acidente pode custar milhões, impactar a imagem da empresa e, o mais grave, custar vidas humanas.
-
-Quando falamos de segurança do trabalho, a frase “prevenir é melhor do que remediar” não é apenas um clichê. É uma realidade que salva vidas, preserva famílias e evita prejuízos financeiros gigantescos para as empresas. Apesar disso, muitas organizações ainda enxergam a prevenção como um gasto, e não como um investimento estratégico.
-
-Neste artigo, vamos explorar por que essa visão precisa mudar com urgência. Afinal, reagir a um acidente de trabalho pode custar infinitamente mais — em dinheiro, em reputação e, mais grave ainda, em vidas humanas.

superpage/src/layouts/Layout.astro

@@ -24,6 +24,18 @@ import '@fontsource/roboto'
   <head>
     <meta charset="UTF-8" />
     <Head {...props} />
+    <!-- Google tag (gtag.js) -->
+    <script type="text/partytown" src="https://www.googletagmanager.com/gtag/js?id=G-GSTQ17E9DJ"></script>
+    <script type="text/partytown">
+      window.dataLayer = window.dataLayer || []
+      window.gtag = function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-GSTQ17E9DJ')
+    </script>
+    <!-- End Google tag (gtag.js) -->
   </head>
 
   <body>
@@ -57,5 +69,12 @@ import '@fontsource/roboto'
         &copy; {year} EDUSEG&reg; Todos os direitos reservados. CNPJ15.608.435/0001-90
       </Container>
     </footer>
+
+    <style is:global>
+      /* https://css-tricks.com/almanac/properties/c/content-visibility/ */
+      img {
+        content-visibility: auto;
+      }
+    </style>
   </body>
 </html>

superpage/src/pages/blog/[slug].astro

@@ -2,22 +2,17 @@
 import Layout from '~/layouts/Layout.astro'
 import Container from '~/components/Container'
 
-const { slug } = Astro.params
-
-let res = await fetch(`https://betaeducacao.com.br/wp-json/wp/v2/posts?slug=${slug}&_embed`)
-let [post] = await res.json()
-
-// The getStaticPaths() is required for static Astro sites.
-// If using SSR, you will not need this function.
 export async function getStaticPaths() {
-  let data = await fetch('https://betaeducacao.com.br/wp-json/wp/v2/posts')
+  const data = await fetch('https://betaeducacao.com.br/wp-json/wp/v2/posts')
-  let posts = await data.json()
+  const posts = await data.json()
 
   return posts.map((post) => ({
     params: { slug: post.slug },
-    props: { post: post },
+    props: { post },
   }))
 }
+
+const { post } = Astro.props
 ---
 
 <Layout title={post.title.rendered}>