Landing Page Analytics

Page Load → Beacon Initialized → Events Tracked → Analytics Processed

import { beacon } from "@waitify-io/fanfare-sdk-core";

// Track custom event
beacon.track("cta_click", {
  section: "hero",
  button: "join-queue",
});

// Track with experience context
beacon.track("video_play", {
  experienceId: "exp_...",
  videoId: "intro-video",
});

// In your SDK integration
import { useEffect } from "react";

function LandingPage() {
  useEffect(() => {
    // Initialize GA4
    window.gtag("config", "G-XXXXXXXXXX", {
      page_path: window.location.pathname,
    });
  }, []);

  // Track conversion
  const handleEntrySuccess = () => {
    window.gtag("event", "conversion", {
      send_to: "AW-XXXXXXXXXX/XXXXX",
      value: 1.0,
      currency: "USD",
    });
  };
}

// Initialize Pixel
useEffect(() => {
  fbq("init", "PIXEL_ID");
  fbq("track", "PageView");
}, []);

// Track conversion
const handleEntrySuccess = () => {
  fbq("track", "Lead", {
    content_name: "Experience Entry",
    content_category: "Queue",
  });
};

import { AnalyticsBrowser } from "@segment/analytics-next";

const analytics = AnalyticsBrowser.load({
  writeKey: "YOUR_WRITE_KEY",
});

// Track events
analytics.page("Landing Page", {
  experienceId: "exp_...",
  experienceName: "Summer Drop",
});

analytics.track("Experience Entry", {
  experienceId: "exp_...",
  method: "queue",
});

https://acme.fanfare.io/summer-drop/register
  ?utm_source=instagram
  &utm_medium=social
  &utm_campaign=summer-drop-2024
  &utm_content=story-link

// UTM data available in consumer context
{
  consumer: {
    attributionSource: "instagram",
    attributionMedium: "social",
    attributionCampaign: "summer-drop-2024",
    // ...
  }
}

// Automatic performance tracking
beacon.trackPerformance({
  lcp: 1800, // Measured LCP
  fid: 45, // Measured FID
  cls: 0.05, // Measured CLS
});

Page View
    ↓ (80% continue)
Widget Visible
    ↓ (60% continue)
Auth Started
    ↓ (75% complete)
Auth Completed
    ↓ (95% continue)
Experience Entry
    ↓ (varies by type)
Admission / Win / Purchase

┌─────────────────────────────────────────────────────────┐
│  Landing Page Analytics                                 │
│  Summer Drop 2024 • Last 7 days                        │
├─────────────────────────────────────────────────────────┤
│                                                         │
│  ┌──────────┐  ┌──────────┐  ┌──────────┐  ┌──────────┐│
│  │  12,450  │  │  8,200   │  │  4,500   │  │  36.1%   ││
│  │  Views   │  │  Unique  │  │  Entries │  │  Conv.   ││
│  │  +24%    │  │  +18%    │  │  +31%    │  │  +4.2%   ││
│  └──────────┘  └──────────┘  └──────────┘  └──────────┘│
│                                                         │
│  Traffic Over Time                                      │
│  ┌─────────────────────────────────────────────────┐   │
│  │  📈 [Chart showing daily traffic]               │   │
│  └─────────────────────────────────────────────────┘   │
│                                                         │
│  Traffic Sources                                        │
│  ┌─────────────────────────────────────────────────┐   │
│  │  Instagram    ████████████████████████  45%     │   │
│  │  Direct       ██████████████████        35%     │   │
│  │  Email        ████████                  15%     │   │
│  │  Other        ██                        5%      │   │
│  └─────────────────────────────────────────────────┘   │
│                                                         │
└─────────────────────────────────────────────────────────┘

// Coming soon
const analytics = await adminApi.analytics.landingPages({
  pageId: "lp_...",
  startDate: "2024-03-01",
  endDate: "2024-03-15",
  metrics: ["pageViews", "uniqueVisitors", "entries"],
});

// Check consent before tracking
if (hasTrackingConsent()) {
  beacon.track("page_view");
}