> ## Documentation Index
> Fetch the complete documentation index at: https://docs.navattic.com/llms.txt
> Use this file to discover all available pages before exploring further.

# PostHog JS

> Analyze demo usage with product analytics.

Adding a **PostHog** tracking script to your Navattic demos will allow you to see individual session recordings of viewers going through your demo.

### Add PostHog to your demos

Follow these steps to add PostHog tracking to your Navattic demos:

<Steps>
  <Step title="Locate your PostHog Project API Key">
    To enable this tracking script, you'll need to find your PostHog "[Project API Key](https://app.posthog.com/project/settings)". To find this, log into PostHog > go to Settings > Project > copy your "Project API Key".
  </Step>

  <Step title="Add your PostHog Project API Key to Navattic Demos">
    Visit your **Navattic demo** > select the three dots next to the Share button > **Tracking scripts**. Paste your Project API Key into the PostHog input field. Once the PostHog key is added, publish your demo in Navattic.
  </Step>

  <Step title="View demo recordings in PostHog">
    PostHog will automatically track viewers going through your demos.

    * These recordings will show up in your "Recordings" tab.
    * These recordings will show up *independently* of recordings of your main website's viewers.

    <Frame>
      <img src="https://mintcdn.com/navattic-app/Wym34-C-snZlIePn/images/posthog-2.png?fit=max&auto=format&n=Wym34-C-snZlIePn&q=85&s=82cbe3530ff9af25ea1de083bebcdf9e" alt="" width="2804" height="1674" data-path="images/posthog-2.png" />
    </Frame>
  </Step>
</Steps>