Admin Panel

Site Configuration

Changes here update site-config.js in-browser. Copy the generated config and paste it into your site-config.js file to deploy changes. In a production Cloudflare Workers setup, this would write directly to KV.

⚠ This page is not password-protected in the static build. Do not link to it publicly — access by direct URL only.

Ad Network Configuration

Ads globally enabled — master on/off switch. Overrides all per-slot settings.

Dev preview mode — shows dashed slot outlines without requiring real ads. Never enable in production.

Google AdSense

Publisher ID

Auto Ads (let Google place extras) — keep off for manual placement

Microsoft / Bing Ads

UET Tag ID

Ad Slot Configuration

IAB standard sizes: 300×250 (Medium Rectangle) on mobile; 728×90 (Leaderboard) on desktop ≥700px. Footer slots use 320×50 mobile / 728×90 desktop. Both sizes work on AdSense and Microsoft Ads.

Direct Sponsor Flights

Sponsor banners override AdSense/Bing for the slot during the flight window. Expired flights are skipped automatically. Format: YYYY-MM-DD for dates.

Select a slot above and fill in its sponsor fields to create a flight.

Analytics (Sponsor Dashboard)

Aggregate metrics only — no individual-level tracking. Paste your GA4 Measurement ID or Cloudflare Analytics token. See PRD section 2.7.1 for privacy scoping notes.

GA4 Measurement ID

Cloudflare Analytics Token

Legal note: analytics disclosure may be required under PDPA (Singapore) and equivalent laws in other markets this site serves. Consult legal counsel before enabling. See PRD 4.3.

Live stats (illustrative — wire to real analytics API)

Monthly visitors: — Slider interactions: — Expandable opens: — Ad viewability: —

Connect to your analytics API to populate these values. In a Cloudflare Workers deployment, these would pull from Workers Analytics Engine or GA4 Data API.

Generated site-config.js snippet

Copy the ads section below and paste it into site-config.js to deploy your changes.

// Will generate here

Ad Slot Visual Preview

Simulated slot positions across the site. Enable Dev Preview above and open the calculator to see slots with dashed outlines in context.

calculator-result · 300×250 mobile / 728×90 desktop

expandable-mid · 300×250

article-top / article-mid / article-bottom · 300×250 / 728×90

footer-global · 320×50 mobile / 728×90 desktop