Skip to main content
Perfect! Here’s the Analytics & SEO documentation from a user perspective:

​
TL;DR

1

Analytics:

  • Built-in Drizzle Analytics dashboard
  • Auto-enabled on publish
  • Track page views, visitors, events
  • No configuration needed
2

SEO:

  • Configure title, description, URL, theme color
  • Upload OG image (1200x630px) and favicon (32x32px)
  • Choose Twitter card type and handle
  • Auto-generates all meta tags (OG, Twitter, browser)
  • Sitemap and robots.txt included
Every AI website includes built-in analytics and full SEO control—no coding required.

​
Analytics

​
Built-in Analytics Dashboard

Understanding your website’s performance shouldn’t require technical setup. That’s why every Runable site comes with Drizzle Analytics pre-configured and ready to go. Your dashboard gives you interactive charts and real-time metrics without installing any tracking code. It works automatically the moment you publish, using your website’s domain as the identifier. The dashboard supports both dark and light themes to match your preference.
What’s TrackedWhy It Matters
Page viewsSee which pages attract the most attention
Visitor dataUnderstand who’s coming to your site
Custom eventsTrack specific actions visitors take
Performance metricsMonitor how fast your site loads
To access your analytics, click the “Analytics” tab in your website editor. You’ll see real-time data alongside historical trends, and everything updates automatically as new visitors arrive. Checks Passed

​
SEO Features

​
Meta Tags & Search Optimization

Configure everything search engines and social media platforms need to display your site correctly.
SettingCharacter LimitWhere It Appears
Page Title60 charactersBrowser tabs, Google search results, social media shares
Meta Description160 charactersSearch result summaries, social platform previews
Website URL—Auto-populated from your deployment settings
Theme ColorHex format (#000000)Mobile browser address bar, matches your brand
Your page title is the first thing people see in search results, so make it count. The meta description serves as your pitch — a compelling summary that improves click-through rates and tells visitors what to expect.
Theme color adds a polished touch by matching the mobile browser interface to your brand identity. Checks Passed

​
Social Media Cards

When you configure SEO settings, we Automatically generate: Open Graph Tags: 
<meta property="og:title" content="..." />
<meta property="og:description" content="..." />
<meta property="og:image" content="..." />
<meta property="og:url" content="..." />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="..." />
Twitter Card Tags: 
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="..." />
<meta name="twitter:description" content="..." />
<meta name="twitter:image" content="..." />
<meta name="twitter:site" content="@username" />
Browser Meta Tags: 
<meta name="theme-color" content="#000000" />
<meta name="description" content="..." />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Sitemap.xml :
  • Generated using TanStack Router plugin
  • All routes included with priorities
  • Default change frequency: weekly
  • Accessible at /sitemap.xml
Robots.txt :
  • Standard robots.txt included
  • Located in /public/robots.txt
  • Search engines can crawl your site

​
Storage & Deployment

Where SEO Data Lives:
Development:
  • website.config.json – Master config file in sandbox
  • /public/favicon.* – Favicon file
  • /public/og-image.* – OG image file
Production:
  • All config deployed with your website
  • Meta tags rendered in HTML <head>
  • Images served from /public/ directory
  • Config accessible at runtime

​
Best Practices

For Maximum SEO Impact:
1

Page Title:

  • Keep under 60 characters (will be cut off in search results)
  • Include primary keyword
  • Make it compelling and clickable
2

Meta Description:

  • Use all 160 characters wisely
  • Include call-to-action
  • Explain what your site offers
3

OG Image:

  • Use 1200x630px for best quality
  • Include text overlay (legible at small sizes)
  • Test on multiple platforms (Twitter, LinkedIn, Discord)
4

Favicon:

  • Keep it simple and recognizable
  • Works at small sizes (16x16, 32x32)
  • Matches your brand
5

Theme Color:

  • Match your primary brand color
  • Test in mobile browsers
  • Consider light/dark mode

​
Validation & Limits

Character Limits:
  • Page title: 60 characters (enforced with counter)
  • Description: 160 characters (enforced with counter)
  • Twitter handle: Optional, must start with @
File Size Limits:
  • OG Image: 5MB max
  • Favicon: 1MB max
Supported Formats:
  • Images: PNG, JPG, WebP
  • Favicon: PNG, ICO