Web analytics lets you track and watch key measures for your website easily. It is different from product analytics because it’s simpler and more direct, making it great for marketers, web site maintainers, or anyone familiar with tools like Google Analytics. With Web Analytics and Statsig Dashboards you can easily gather insights such as number of visitors, views, sessions, how long sessions last, error rates, usage journey, and more.
image

​
Getting Started

Follow these simple steps to get started with Web Analytics.
1

Install Statsig script on your website

<script src="https://cdn.jsdelivr.net/npm/@statsig/js-client@3/build/statsig-js-client+session-replay+web-analytics.min.js?apikey=[YOUR_CLIENT_KEY]"></script>
Get YOUR_CLIENT_KEY from Project Settings -> Keys & Environments. Reveal the Client API Key, copy, and paste it over the [YOUR-API-KEY] in the snippet above
image
2

Release your changes

Once your changes are live, you’ll start to see the events flowing in your metrics page: https://console.statsig.com/metrics/events

​
Event Capture

Out of the box, autocapture includes:
  • Click events with click target info, current page url auto_capture::click
  • Page View Events with page url and query string values auto_capture::page_view
  • Form Submission Events auto_capture::form_submit
  • Page Performance data auto_capture::performance
For more in-depth breakdown of auto capture event data, refer to Using Autocapture For single page apps, or for more complex scenarios, look up how to log events using Javascript. You can also disable a subset of these events from the Statsig console under Project Settings > Auto Capture
screenshot_2024-09-16_at_8 05 21___am

​
Exploring using Metrics Explorer

In Metrics Explorer, you can dig deeper and explore your events by using complex filters and dimensions. You can then explore your analysis to your dashboard. More information on using Metrics Explorer like Funnels and Retention is here.
image
You can see some example autocapture event details here.

​
Advanced Setup

If you need to add additional configurations, metadata about the user, or want to access the full StatsigClient to check feature gates and experiments or log events, you can used the advanced setup. The script tag above will automatically initialize the SDK, but if you remove your SDK key you can manually configure your integration. 
<script src="https://cdn.jsdelivr.net/npm/@statsig/js-client@3/build/statsig-js-client+session-replay+web-analytics.min.js"></script>
<script>
  const { StatsigClient, StatsigAutoCapturePlugin, StatsigSessionReplayPlugin } = window.Statsig;

  
  const client = new StatsigClient(
    YOUR_CLIENT_KEY,       // put your client sdk key here - "client-XXXX"
    { userID: 'optional' }, // set a userID here if you have one
    { plugins: [
      new StatsigAutoCapturePlugin(),
      new StatsigSessionReplayPlugin()
    ]}
  ); 

  client.initializeAsync().catch((err) => console.error(err));
</script>