Is the following code snippet legit in Astro? #2069
-
|
I am not an Astro dev, I need to add a script to {/* src/content/docs/index.mdx */}
{!import.meta.env.DEV && (
<head>
<script
defer
src="..."
data-website-id="...."
></script>
</head>
)} |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 4 replies
-
|
👋 Do you need the script to be added only on the homepage or to all pages? |
Beta Was this translation helpful? Give feedback.
-
|
In Nextjs I added to the root |
Beta Was this translation helpful? Give feedback.
-
In that case, you should be able to use the The example in the documentation should be relative close to what you shared: starlight({
head: [
{
tag: "script",
attrs: {
src: "…",
"data-website-id": "MY-ID",
defer: true,
},
},
],
}); |
Beta Was this translation helpful? Give feedback.
-
and if I want to add only to the root page, what would look like? |
Beta Was this translation helpful? Give feedback.
-
If you just want to target a specific page, you can use the equivalent ---
# src/content/docs/index.mdx
title: Homepage
head:
- tag: script
attrs:
src: '…'
data-website-id: 'MY-ID'
defer: true
--- |
Beta Was this translation helpful? Give feedback.
In that case, you should be able to use the
headglobal configuration option inside theastro.config.mjsconfiguration file to add your script to the head of every page.The example in the documentation should be relative close to what you shared: