---
title: "Gatsby"
description: "Add Pulse analytics to your Gatsby site using gatsby-ssr or the Gatsby Head API."
category: "ssg"
brandColor: "#663399"
officialUrl: "https://www.gatsbyjs.com/docs"
relatedIds: ["react", "nextjs", "hugo"]
date: "2026-03-28"
---
Use the Gatsby SSR API or the Gatsby Head API to add Pulse to your site.
---
## Method 1: gatsby-ssr.js
Use the `onRenderBody` hook to inject the Pulse script into every page's ``.
{`import React from "react"
export const onRenderBody = ({ setHeadComponents }) => {
setHeadComponents([
,
])
}`}
## Method 2: Gatsby Head API (v4.19+)
If you're on Gatsby 4.19 or later, you can use the Head export in any page or template component.
{`import React from "react"
export function Head() {
return (
)
}
export default function IndexPage() {
return Hello World
}`}
For more details, see the [Gatsby Head API docs](https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-head/).