Gatsby

Use Gatsby's SSR hooks so Talivia appears on every generated page.

Copy the complete snippet from Settings -> Tracking. The examples below focus on framework placement. Keep generated attributes such as data-domain in the installed snippet. See Tracker configuration for every option and Subdomain tracking when the same visitor moves between subdomains.

Add the script

Create or open gatsby-ssr.js and append the Talivia script to the post-body components.

import React from 'react';

export const onRenderBody = ({ setPostBodyComponents }) => {
  setPostBodyComponents([
    <script
      key="talivia"
      defer
      src="https://talivia.com/script.js"
      data-website-id="YOUR_WEBSITE_ID"
    />,
  ]);
};

Replace the website ID. Use the ID from Talivia Settings -> Tracking.

Build or run Gatsby, open a page, and verify the session in Talivia.