# Web Product Analytics installation ## Choose an installation method You can either add the JavaScript snippet directly to your HTML or install the JavaScript SDK via your package manager. - HTML snippet - JavaScript SDK Add this snippet to your website within the `` tag. This can also be used in services like Google Tag Manager: ### HTML ```html ``` Install the PostHog JavaScript library using your package manager. Then, import and initialize the PostHog library with your project token and host: ### npm/yarn/pnpm/bun ```bash npm install posthog-js ``` ```bash yarn add posthog-js ``` ```bash pnpm add posthog-js ``` ```bash bun add posthog-js ``` ### JavaScript ```javascript import posthog from 'posthog-js' posthog.init('', { api_host: 'https://us.i.posthog.com', defaults: '2026-05-30' }) ``` ## Send events Once installed, PostHog will automatically start capturing events. You can also manually send events to test your integration: Click around and view a couple pages to generate some events. PostHog automatically captures pageviews, clicks, and other interactions for you. If you'd like, you can also manually capture custom events: ### JavaScript ```javascript posthog.capture('my_custom_event', { property: 'value' }) ``` ## Next steps Now that you're capturing events, continue with the resources below to learn what else Product Analytics enables within the PostHog platform. | Resource | Description | | --- | --- | | [Capturing events](/content/docs/product-analytics/capture-events/index.html) | Learn how to capture custom events beyond autocapture | | [Identifying users](/content/docs/product-analytics/identify/index.html) | Associate events with specific users | | [Creating insights](/content/docs/product-analytics/insights/index.html) | Build trends, funnels, and retention charts | | [Group analytics](/content/docs/product-analytics/group-analytics/index.html) | Track events at the company or account level | ### Still have questions? Ask PostHog AI ### Was this page useful? HelpfulCould be better