import DetailSetUpReverseProxy from "../integrate/_snippets/details/set-up-reverse-proxy.mdx" import DetailGroupProductsInOneProject from "../integrate/_snippets/details/group-products-in-one-project.mdx" import DetailPostHogIPs from "../integrate/_snippets/details/posthog-ips.mdx"

To easily track your Docusaurus site, you can install the PostHog plugin. This enables you to autocapture pageviews, clicks, session replays, as well as use the other features of PostHog such as surveys.

Install

Once you have your Docusaurus site set up, install the PostHog plugin:

npm install --save posthog-docusaurus

or

import CspAllowancesCallout from "../_snippets/csp-allowances-callout.mdx"
<CspAllowancesCallout />bash
yarn add posthog-docusaurus

Next, add it to your Docusaurus config with your project token and instance address, both of which you can find in your project settings.

// docusaurus.config.js
module.exports = {
  plugins: [
    [
      "posthog-docusaurus",
      {
        apiKey: "<ph_project_token>",
        appUrl: "<ph_client_api_host>", // optional, defaults to "https://us.i.posthog.com"
        enableInDevelopment: false, // optional
      },
    ],
  ],
};

Run your site again to see events autocaptured by PostHog.

**Note:**You can pass additional PostHog config options to the plugin, but they are passed through JSON.stringify(), so functions (such as before_send) are not supported.

Identifying users

import IdentifyFrontendCallout from '../_snippets/identify-frontend-callout.mdx'