Skip to content
Farcasts Docs

Next.js or React

If a developer manages your site, send them this line and ask them to add it to the site’s <head>, so it loads on every page.

<script src="https://app.farcasts.com/farcasts.js" data-cfasync="false" data-farcasts-project="YOUR_PROJECT_ID"></script>
<script async src="https://app.farcasts.com/farcasts-track.js" data-cfasync="false" data-farcasts-project="YOUR_PROJECT_ID" data-farcasts-track-endpoint="https://t.farcasts.com" data-farcasts-track-key="phc_CzXwcg28Mo4jd6gqGcXaTSQUXFjxFFjnMvfXhrqwiVsc"></script>

Paste both tags exactly as shown. The second one records how visitors interact with your site, so Farcasts can tell which variant wins.

Put the tags in the <head> of your root layout or index.html. It is two lines and no configuration. Replace YOUR_PROJECT_ID with the ID from your Farcasts dashboard; the endpoint and key are fixed, so paste them as shown.