diff --git a/README.md b/README.md index b219df21..488e84dc 100644 --- a/README.md +++ b/README.md @@ -321,6 +321,7 @@ After the steps above, you’ll have a working version like the demo page. Howev - Add actual SaaS functionality! - Replace the admin dashboard with real content (`/src/routes/(admin)/account/+page.svelte`). - Add API endpoints and database tables as needed to deliver your SaaS product. +- Analytics: optionally add analytics to your project. [guide](/analytics_docs.md) ## Community Extensions diff --git a/analytics_docs.md b/analytics_docs.md new file mode 100644 index 00000000..24edf167 --- /dev/null +++ b/analytics_docs.md @@ -0,0 +1,21 @@ +# Adding Analytics + +Adding analytics to your SaaS Starter project is optional. + +Since each analytics platform has different setup instructions, we've created a guide instead of adding it in code. + +### PostHog + +- Create a PostHog Account +- Install PostHog JS Library + - Run `npm install posthog-js` in your terminal. This will add PostHog dependencies to your `package.json` and `package-lock.json`. +- Set Up PostHog + - in `src/routes/+layout.svelte` add PostHog to the script section following the [Posthog Svelte Guide](https://posthog.com/docs/libraries/svelte#client-side-setup). Note: ensure you’re logged into PostHog so that the code includes your unique API key automatically. +- Test analytics + - Click around and view a few pages on your site to generate some events. You can view these events in PostHog to ensure tracking is active. + +### Google Analytics + +Follow the [Google Analytics Guide](https://support.google.com/analytics/answer/9304153?hl=en) to add Google Analytics to your project. + +The ideal place to add Google Analytics is in `src/routes/+layout.svelte`.