Source: https://datafa.st/docs/astro
Markdown source: https://datafa.st/docs/astro.md
Description: How to add DataFast to your Astro project
# Add DataFast to your Astro project
Follow these steps to integrate DataFast analytics into your Astro application.
## Add tracking script to layout component
The recommended way to add scripts to all pages in an Astro application is by using a layout component.
1. Open or create your main layout file, typically located at `src/layouts/Layout.astro`.
2. Add the DataFast tracking script to the `` section:
```astro
---
// src/layouts/Layout.astro
export interface Props {
title: string;
}
const { title } = Astro.props;
---
{title}
```
> Replace `dfid_******` with your actual Website ID from DataFast.
> Replace `your_domain.com` with your website's root domain.
3. Make sure all your pages use this layout component:
```astro
---
// src/pages/index.astro
import Layout from '../layouts/Layout.astro';
---
Welcome to Astro
```
## Alternative: Using Astro's built-in head management
You can also add the script using Astro's head management in individual pages:
```astro
---
// Any .astro page
---
```
## Verify installation
After implementing either method:
- Build and deploy your Astro site
- Visit your live website
- Check your [DataFast dashboard](/dashboard) for incoming data
- It might take a few minutes for the first pageviews to appear
> For advanced configuration options like localhost tracking, custom API endpoints, or cross-domain setup, see the [script configuration reference](/docs/script-configuration).
> DataFast is disabled on localhost to avoid tracking your own traffic during development.