---
title: "React"
description: "Integrate Pulse analytics with any React SPA — Create React App, Vite, or custom setups. Two easy methods."
category: "framework"
brandColor: "#61DAFB"
officialUrl: "https://react.dev"
relatedIds: ["nextjs", "remix", "gatsby", "preact"]
date: "2026-03-28"
---
For standard React SPAs, add the script to your `index.html`.
---
## Method 1: index.html (Recommended)
The simplest approach is to add the Pulse script directly to your HTML entry point.
{`
My React App
`}
## Method 2: Programmatic injection via useEffect
If you prefer to inject the script programmatically (e.g. only in production), use a `useEffect` hook.
{`import { useEffect } from 'react'
function App() {
useEffect(() => {
if (process.env.NODE_ENV === 'production') {
const script = document.createElement('script')
script.defer = true
script.setAttribute('data-domain', 'your-site.com')
script.src = 'https://pulse.ciphera.net/script.js'
document.head.appendChild(script)
}
}, [])
return Hello World
}`}