ListenLayer Static HTML Test Site

Comprehensive form testing scenarios for tracking script development

86
Total Pages
74
New Pages
27
Redirect Tests
11
Test Suites

Redirect Testing 27 pages

Test how forms handle various redirect scenarios (server-side, JavaScript, meta, hybrid)

Server-Side Redirects (6)

HTTP 302 (Found) HTTP 303 (See Other) HTTP 307 (Temporary) HTTP 308 (Permanent) Delayed (3s) Chain (Multi-Hop)

JavaScript Redirects (7)

window.location location.href location.replace() location.assign() Immediate Delayed (3s) Conditional (JSON)

Meta Refresh & Hybrid (8)

Meta Refresh Meta Only Server + JS Fallback AJAX + Server Processing (Real) Processing (Simulated) Meta + JS Dual Processing (Shared)

Error & Success Pages (7)

Server Validation Client Validation Error Page Retry After Error Thank You (Standard) Thank You (Offer) Thank You (Download)

Test Instrumentation 3 pages (placeholders)

Future validation pages (Phase 2) - currently placeholders documenting what will be tested

sendBeacon() Validator Fetch keepalive Validator Persistence Validator

Platform Mocks 10 pages

Visual mocks of popular form platforms (can be replaced with real forms)

HubSpot Marketo Pardot Mailchimp Google Forms Typeform Gravity Forms Contact Form 7 ActiveCampaign Calendly

Edge Cases 22 pages

Script loading, network conditions, DOM manipulation, and specialized field scenarios

Script Loading (6)

Async Loading Defer Loading Head vs Body Dynamic Injection Error Fallback Multiple Scripts

Network Variations (6)

Slow Network Timeout Offline Detection CORS CSP Constraints Large Payload

DOM Manipulation (6)

Dynamic Form Dynamic Fields Form Replacement Shadow DOM iframe Forms MutationObserver

Specialized Fields (4)

Conditional Fields File Uploads Multi-Step Wizard Complex Inputs

Click Tracking 5 pages

Comprehensive click tracking test suite covering all DOM structures and edge cases

🖱️ Click Tracking Test Suite (15 sections) Shadow DOM Click Rules Link Click Types CTA Button Variations PDF Download Links

Custom Events 1 page

Test custom event tracking via SDK API (_ll.track()) and dataLayer (dataLayer.push()) methods

⚡ Custom Events Test Suite (8 sections)
Two Methods:

Identity Events 1 page

Test all sources of Possible Person (pp) and Identify (id) events in the ListenLayer SDK

👤 Identity Events Test Suite (10 sources)
Two Event Types:

Traffic Source Testing 1 page

Test UTM parameters, click IDs (gclid, fbclid, etc.), and referrer classification in pageview events

📊 Traffic Source Test Suite
What's Tested:

Click ID & Cookie Testing 1 page

Test click ID extraction from URL parameters, cookies, localStorage, and sessionStorage with real-world formats from ad platforms

🍪 Click ID Cookie Test Suite
What's Tested:

Form Fingerprint Stability 11 fixtures

Test whether the SDK produces a stable structural hash (sh) across multi-step, dynamic, and conditional form patterns

Fingerprint Test Hub

Multi-Step Forms (4)

CSS Show/Hide Steps AJAX innerHTML Steps DOM createElement Steps Full Form Replacement

Page-Reload Multi-Step (3)

Page-Reload Step 1 Page-Reload Step 2 Page-Reload Step 3

Dynamic & Conditional Fields (4)

CSS Visibility Toggle DOM Insert/Remove Dynamic Repeater Fields Progressive Disclosure
What's Tested:

Schema Error Testing 1 page

Test events that trigger validation errors and see how dropped events display in Preview

Schema Error Test Suite
Test Scenarios:

Cross-Domain Tracking 2 pages

Test cross-domain link decoration and identity preservation across different root domains

🔗 Cross-Domain Test Suite Landing Page (receives links)
Test Domains (screen1.io):

Manual SDK Methods 40 methods

Every manual SDK method on one page. Forms, Video, Chat, Scheduling, and Identity. Use with Preview Viewer to validate event emission.

SDK Methods Test Suite

Content Extraction Testing 12 pages

Test page content extraction (PCE) and form context capture for LLM classification. Each page presents different HTML structures to validate Readability, Turndown, and noise filtering.

Content Extraction Hub (12 pages)
What's Tested:

Bulk Person Testing

Send real person data through the full pipeline (Edge + GCP enrichment via MixRank). Table of 60+ test identities with PP and ID buttons. Tests deduplication across multiple email addresses per person.

Bulk Person Test Suite

Person Reveal Testing

Test person reveal lookup and suppression triggers. Includes engagement-based reveal, explicit reveal button, and login/form suppression.

Reveal Test Suite

Video Platform Testing 7 platforms

Test video player detection and event tracking across all supported platforms with real embedded videos

Video Hub (All Platforms) YouTube Vimeo Wistia Vidyard Brightcove JW Player HTML5 Native

Chat Tracking 5 pages

Test chat widget detection and event tracking across all supported platforms

Chat Hub (All Platforms) Drift Mock Intercom Mock LiveChat Mock Qualified Mock

Scheduling Tracking 4 pages

Test scheduling widget detection and event tracking across all supported platforms

Scheduling Hub (All Platforms) Calendly Mock HubSpot Meetings Mock Acuity Mock

Existing Test Pages 11 pages

Original test pages from Phase 0

📊 Test Matrix (NEW) Single-Step Form 2-Step Wizard 3-Step Wizard Conditional Fields File Upload Payment Form Validation Test HubSpot Mock Marketo Mock Link Clicks (legacy)

Ecommerce Tracking Test Stores 5 stores

Purpose: Test different methods of sending ecommerce data to the ListenLayer SDK. Each store is a fully functional mock ecommerce site with the same products, cart, and checkout flow.

How it works: The base store emits custom events (store:view_item, store:add_to_cart, etc.). Each variant adds a tracking.js that listens for these events and translates them to the appropriate tracking format.

Events covered: All 13 GA4 ecommerce events including promotions, product views, cart actions, checkout steps, purchase, and refund.

Base Store (No Tracking)

The foundation store with no tracking implementation. Emits custom store:* events that tracking layers consume.

// No tracking.js
// Emits: window.dispatchEvent(
// new CustomEvent('store:purchase', {...})
// )
View Base Store
GA4 via SDK API

Uses ListenLayer SDK ecommerce methods with GA4-style field names (transaction_id, item_id, price).

_ll.ecommerce.purchase({
  transaction_id: 'ORD-123',
  items: [{ item_id, price, ... }]
});
View GA4 SDK Store
ListenLayer via SDK API

Uses ListenLayer SDK ecommerce methods with native field names (order_id, sku, unit_price).

_ll.ecommerce.purchase({
  order_id: 'ORD-123',
  items: [{ sku, unit_price, ... }]
});
View LL SDK Store
GA4 via gtag()

Uses standard Google Analytics gtag() calls. ListenLayer SDK intercepts these automatically.

gtag('event', 'purchase', {
  transaction_id: 'ORD-123',
  items: [{ item_id, price, ... }]
});
View gtag Store
GA4 via dataLayer

Uses GTM-style dataLayer.push() with GA4 ecommerce format. ListenLayer SDK intercepts these.

dataLayer.push({
  event: 'purchase',
  ecommerce: { transaction_id, ... }
});
View dataLayer Store
Events: view_promotion select_promotion view_item_list select_item view_item add_to_cart remove_from_cart view_cart begin_checkout add_shipping_info add_payment_info purchase refund

ListenLayer Static HTML Test Site - Phase 1 Complete

86 total pages | Deployed on Firebase Hosting | Ready for tracking script integration (Phase 2)

View Test Matrix | View NEXT_STEPS.md