Analytics Display API

Embed live analytics widgets and charts directly on your website.

Overview

The Analytics Display Script allows you to showcase your website's statistics publicly. Perfect for transparency pages, status pages, or marketing materials showing your site's popularity.

<!-- Include the analytics display script -->
<script 
  src="https://sitetooling.space/analytics.js"
  data-token="YOUR_TOKEN"
  data-element="analytics-widget"
></script>

<!-- Container for the widget -->
<div id="analytics-widget"></div>

Configuration Options

Attribute	Default	Description
data-token	-	Your tracking token (required)
data-element	-	Target element ID (required)
data-theme	light	Widget theme: light or dark
data-period	7d	Time period: 1d, 7d, 30d

Usage Examples

Basic Widget

Display a simple stats widget showing key metrics.

<div id="stats-widget"></div>

<script 
  src="https://sitetooling.space/analytics.js"
  data-token="YOUR_TOKEN"
  data-element="stats-widget"
  data-theme="light"
></script>

Dark Theme Widget

Use the dark theme for better integration with dark mode websites.

<div id="dark-widget" class="dark"></div>

<script 
  src="https://sitetooling.space/analytics.js"
  data-token="YOUR_TOKEN"
  data-element="dark-widget"
  data-theme="dark"
></script>

JavaScript API

The analytics script also exposes a JavaScript API for programmatic control.

// Refresh the widget data
siteToolingAnalytics.refresh();

// Change the time period
siteToolingAnalytics.setPeriod('30d');

// Destroy the widget
siteToolingAnalytics.destroy();