# Install Foresite on Gatsby

Add the Tracking Script to every page's `<head>` from `gatsby-ssr.js` (or `gatsby-ssr.tsx`) at the root of your project:

```jsx
const React = require('react')

exports.onRenderBody = ({ setHeadComponents }) => {
  setHeadComponents([
    <script key="foresite" defer src="https://t.foresite.dev/s/YOUR_SITE_ID.js" />,
  ])
}
```

Use the address from your own Foresite line (**Settings → Install**), then rebuild and deploy. Foresite counts each page change as a pageview automatically.

Visits to `localhost` aren't counted, so test on your deployed site: the **Installation Check** in **Settings → Install** turns green with the first pageview.