posthog ips snippet (#13575)

* posthog ips snippet

* suggestions

contents/docs/getting-started/_snippets/wizard.mdx

@@ -2,6 +2,7 @@
 import AgentPrompt from "../../integrate/_snippets/agent-prompt.mdx"
 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"
 
 Install PostHog in seconds with our wizard by running this command in your project directory with your terminal (it also works for [LLM coding agents](/blog/envoy-wizard-llm-agent) like Cursor and Bolt):
 
@@ -15,4 +16,6 @@ Check out the wizard's [GitHub repo](https://github.com/PostHog/wizard) for more
 
 <DetailSetUpReverseProxy />
 
-<DetailGroupProductsInOneProject />
+<DetailGroupProductsInOneProject />
+
+<DetailPostHogIPs />

contents/docs/integrate/_snippets/details/posthog-ips.mdx

@@ -0,0 +1,12 @@
+<details>
+  <summary>Add IPs to Firewall/WAF allowlists (recommended)</summary>
+
+  For certain features like [heatmaps](/docs/toolbar/heatmaps), your Web Application Firewall (WAF) may be blocking PostHog’s requests to your site. Add these IP addresses to your WAF allowlist or rules to let PostHog access your site.
+
+  **EU**: `3.75.65.221`, `18.197.246.42`, `3.120.223.253`
+  
+  **US**: `44.205.89.55`, `52.4.194.122`, `44.208.188.173`
+
+  These are public, stable IPs used by PostHog services (e.g., Celery tasks for snapshots).
+
+</details>

contents/docs/integrate/_snippets/install-js-snippet.mdx

@@ -1,6 +1,8 @@
 import Snippet from "../snippet.mdx"
 import DetailGroupProductsInOneProject from "./details/group-products-in-one-project.mdx"
 import DetailSetUpReverseProxy from "./details/set-up-reverse-proxy.mdx"
+import DetailPostHogIPs from "./details/posthog-ips.mdx"
+
 
 This is the simplest way to get PostHog up and running. It only takes a few minutes.
 
@@ -18,6 +20,8 @@ Once the snippet is added, PostHog automatically captures `$pageview` and [other
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 <details>
   <summary>Include ES5 support (optional)</summary>
 

contents/docs/libraries/angular.mdx

@@ -7,6 +7,7 @@ icon: >-
 import DetailSetUpReverseProxy from "../integrate/_snippets/details/set-up-reverse-proxy.mdx"
 import DetailGroupProductsInOneProject from "../integrate/_snippets/details/group-products-in-one-project.mdx"
 import InstallNodePackageManagers from "../integrate/_snippets/install-node-package-managers.mdx"
+import DetailPostHogIPs from "../integrate/_snippets/details/posthog-ips.mdx"
 
 PostHog makes it easy to get data about traffic and usage of your [Angular](https://angular.dev/) app. Integrating PostHog into your site enables analytics about user behavior, custom events capture, session recordings, feature flags, and more.
 
@@ -28,6 +29,8 @@ import AngularInstall from "../integrate/_snippets/install-angular.mdx"
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Tracking pageviews
 
 PostHog automatically tracks your pageviews by hooking up to the browser's `navigator` API as long as you initialize PostHog with the `defaults` config option set after `2025-05-24`.

contents/docs/libraries/astro.mdx

@@ -6,6 +6,7 @@ icon: >-
 
 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"
 
 PostHog makes it easy to get data about traffic and usage of your [Astro](https://astro.build/) app. Integrating PostHog into your site enables analytics about user behavior, custom events capture, session recordings, feature flags, and more.
 
@@ -25,6 +26,8 @@ import AstroInstall from "../integrate/_snippets/install-astro.mdx"
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Next steps
 
 For any technical questions for how to integrate specific PostHog features into Astro (such as analytics, feature flags, A/B testing, surveys, etc.), have a look at our [JavaScript Web SDK docs](/docs/libraries/js/features).

contents/docs/libraries/bubble.mdx

@@ -6,6 +6,7 @@ icon: >-
 
 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"
 
 PostHog makes it easy to get data about traffic and usage of your [Bubble](https://bubble.io/) app. Integrating PostHog into your site enables analytics about user behavior, custom events capture, session recordings, feature flags, and more.
 
@@ -32,6 +33,8 @@ Go to the **SEO / metatags** tab in site settings. Paste your PostHog snippet in
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Capture custom events
 
 To capture custom events, you need to install the [Bubble Toolbox plugin](https://bubble.io/plugin/toolbox-1488796042609x768734193128308700). This enables you to run custom JavaScript code.

contents/docs/libraries/docusaurus.mdx

@@ -8,6 +8,7 @@ tags:
 
 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](https://github.com/PostHog/posthog-docusaurus). This enables you to autocapture pageviews, clicks, session replays, as well as use the other features of PostHog such as [surveys](/docs/surveys). 
 
@@ -49,4 +50,6 @@ Run your site again to see events autocaptured by PostHog.
 
 <DetailSetUpReverseProxy />
 
-<DetailGroupProductsInOneProject />
+<DetailGroupProductsInOneProject />
+
+<DetailPostHogIPs />

contents/docs/libraries/framer.mdx

@@ -6,6 +6,7 @@ icon: >-
 
 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"
 
 PostHog makes it easy to get data about traffic and usage of your [Framer](https://www.framer.com/) app. Integrating PostHog into your site enables analytics about user behavior, custom events capture, session recordings, feature flags, and more.
 
@@ -21,6 +22,8 @@ import FramerInstall from "../integrate/_snippets/install-framer.mdx"
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Capture custom events
 
 To [capture custom events](/docs/product-analytics/capture-events), you call `posthog.capture()` using [custom code components in Framer](https://www.framer.com/developers/components/introduction).

contents/docs/libraries/gatsby.mdx

@@ -6,6 +6,7 @@ icon: >-
 
 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"
 
 > This [library](https://github.com/posthog/gatsby-plugin-posthog) was built by the community. Thanks to [Ritesh Kadmawala](https://github.com/kgritesh) for building it.
 
@@ -55,4 +56,6 @@ For more instructions, see [browser JS library](/docs/integrate/client/js).
 
 <DetailSetUpReverseProxy />
 
-<DetailGroupProductsInOneProject />
+<DetailGroupProductsInOneProject />
+
+<DetailPostHogIPs />

contents/docs/libraries/next-js/index.mdx

@@ -16,6 +16,7 @@ features:
 
 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"
 
 PostHog makes it easy to get data about traffic and usage of your [Next.js](https://nextjs.org/) app. Integrating PostHog into your site enables analytics about user behavior, custom events capture, session recordings, feature flags, and more.
 
@@ -46,6 +47,8 @@ import NextJSInstall from "../../integrate/_snippets/nextjs/install-nextjs.mdx"
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Accessing PostHog
 
 import Tab from "components/Tab"

contents/docs/libraries/nuxt-js-3-6.mdx

@@ -6,6 +6,7 @@ icon: >-
 
 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"
 
 PostHog makes it easy to get data about usage of your [Nuxt.js](https://nuxt.com/) app. Integrating PostHog into your app enables analytics about user behavior, custom events capture, session replays, feature flags, and more.
 
@@ -37,6 +38,8 @@ See the [JavaScript SDK docs](/docs/libraries/js/features) for all usable functi
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Setting up PostHog on the server side
 
 Install `posthog-node` using your package manager:

contents/docs/libraries/nuxt-js.mdx

@@ -6,6 +6,7 @@ icon: >-
 
 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"
 
 PostHog makes it easy to get data about usage of your [Nuxt.js](https://nuxt.com/) app. Integrating PostHog into your app enables analytics about user behavior, custom events capture, session replays, feature flags, and more.
 
@@ -93,6 +94,8 @@ export default defineEventHandler(async (event) => {
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Error tracking
 
 For a detailed error tracking installation guide, including automatic exception capture and source map configuration, see the [Nuxt error tracking installation docs](/docs/error-tracking/installation/nuxt).

contents/docs/libraries/react-native/index.mdx

@@ -19,6 +19,7 @@ features:
 
 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"
 
 ## Installation
 
@@ -30,6 +31,8 @@ import ReactNativeInstall from '../../integrate/_snippets/install-react-native.m
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ### Configuration options
 
 You can further customize how PostHog works through its configuration on initialization.

contents/docs/libraries/react/index.mdx

@@ -20,6 +20,7 @@ features:
 
 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"
 
 PostHog makes it easy to get data about traffic and usage of your React app. Integrating PostHog into your site enables analytics about user behavior, custom events capture, session recordings, feature flags, and more.
 
@@ -39,6 +40,8 @@ import ReactInstall from '../../integrate/_snippets/install-react.mdx'
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Usage
 
 ### PostHog provider

contents/docs/libraries/remix.mdx

@@ -6,6 +6,7 @@ icon: >-
 
 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"
 
 PostHog makes it easy to get data about traffic and usage of your [Remix](https://remix.run/) app. Integrating PostHog into your site enables analytics about user behavior, custom events capture, session recordings, feature flags, and more.
 
@@ -109,6 +110,8 @@ When you run your app now, PostHog will automatically capture events and pagevie
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Next steps
 
 For any technical questions for how to integrate specific PostHog features into Remix (such as analytics, feature flags, A/B testing, surveys, etc.), have a look at our [JavaScript Web SDK docs](/docs/libraries/js/features) and [React](/docs/libraries/react) docs.

contents/docs/libraries/svelte.mdx

@@ -6,6 +6,7 @@ icon: >-
 
 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"
 
 PostHog makes it easy to get data about traffic and usage of your [Svelte](https://svelte.dev/) app. Integrating PostHog into your site enables analytics about user behavior, custom events capture, session recordings, feature flags, and more.
 
@@ -27,6 +28,8 @@ import SvelteInstallClient from "../integrate/_snippets/install-svelte-client.md
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Server-side setup
 
 import SvelteInstallServer from "../integrate/_snippets/install-svelte-server.mdx"

contents/docs/libraries/vue-js/index.mdx

@@ -6,6 +6,7 @@ icon: >-
 
 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"
 
 PostHog makes it easy to get data about usage of your [Vue.js](https://vuejs.org/) app. Integrating PostHog into your app enables analytics about user behavior, custom events capture, session replays, feature flags, and more.
 
@@ -55,6 +56,8 @@ import PluginEvents from "./_snippets/plugin-events.mdx"
 
 <DetailGroupProductsInOneProject />
 
+<DetailPostHogIPs />
+
 ## Other setup options
 
 import ProvideInjectInstall from "./_snippets/provide-inject-install.mdx"

contents/docs/toolbar/heatmaps.mdx

@@ -8,6 +8,8 @@ availability:
   enterprise: full
 ---
 
+import DetailPostHogIPs from "../integrate/_snippets/details/posthog-ips.mdx"
+
 <iframe
     src="https://www.youtube-nocookie.com/embed/2jQco8hEvTI?start=250"
     className="rounded shadow-xl"
@@ -39,6 +41,8 @@ There are three kinds of heatmaps in the toolbar:
 
 You can also view heatmaps directly in the PostHog. This method is currently in beta and provides almost the same functionality as the toolbar.
 
+<DetailPostHogIPs />
+
 To view heatmaps in the app:
 
 1. Enable the [**In-App Heatmaps** feature preview](https://app.posthog.com/settings/user-feature-previews#heatmaps-ui)