Web session replay installation

Choose an installation method

Required

You can either add the JavaScript snippet directly to your HTML or install the JavaScript SDK via your package manager.

Add this snippet to your website within the <head> tag. This can also be used in services like Google Tag Manager:

HTML
<script>
    !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group identify setPersonProperties setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags resetGroups onFeatureFlags addFeatureFlagsHandler onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
    posthog.init('<ph_project_token>', {
        api_host: 'https://us.i.posthog.com',
        defaults: '2026-01-30'
    })
</script>

Install the PostHog JavaScript library using your package manager. Then, import and initialize the PostHog library with your project token and host:

npm install posthog-js
yarn add posthog-js
pnpm add posthog-js

JavaScript
import posthog from 'posthog-js'

posthog.init('<ph_project_token>', {
    api_host: 'https://us.i.posthog.com',
    defaults: '2026-01-30'
})

2
Watch session recordings
Recommended
Visit your site or app and interact with it for at least 10 seconds to generate a recording. Navigate between pages, click buttons, and fill out forms to capture meaningful interactions.
Watch your first recording →

Next steps

Recommended

Now that you're recording sessions, continue with the resources below to learn what else Session Replay enables within the PostHog platform.

Resource	Description
Watching recordings	How to find and watch session recordings
Privacy controls	How to mask sensitive data in recordings
Network recording	How to capture network requests in recordings
Console log recording	How to capture console logs in recordings
More tutorials	Other real-world examples and use cases

Web session replay installation

Choose an installation method

Watch session recordings

Next steps

Community questions

Was this page useful?