GlassBox Examples

Explore working examples of IH scoring, Page Plan rendering, content reveal behavior, and server-side routing. Choose an example to see the implementation and understand how it works.

Browser Examples

Start with Basic Page Plan, then compare the rendering patterns below. These examples use sample configuration; follow the SDK guides when configuring your own integration.

Basic Page Plan

Start with a minimal browser integration that maps IH Scores to page content.

Above the Fold — Basic

See how score-based content renders in the initial viewport without FODC prevention.

Above the Fold — FODC Prevention

Reveal personalized content after rendering completes to prevent visible content flicker.

Below the Fold — FODC Prevention

Explore content rendering and reveal behavior for elements farther down the page.

Explore the Examples

Basic Page Plan

What to observe: Watch the default target content change after the SDK renders the Page Plan.

Open Example · Read the Page Plan guide

Above the Fold — Basic

What to observe: Compare the initial content with the rendered result and observe any visible transition.

Open Example · Read the Page Plan guide

Above the Fold — FODC Prevention

What to observe: Observe the target being hidden during rendering and revealed when rendering completes or a fallback condition is met.

Open Example · Read the FODC Adapter guide

Below the Fold — FODC Prevention

What to observe: Scroll to the target and observe its visibility and timeout behavior.

Open Example · Read the FODC Adapter guide

Testing and Implementation

The Basic Page Plan sample documents the test query parameter ihscore, including ?ihscore=H, ?ihscore=M, ?ihscore=L, ?ihscore=N, and ?ihscore=U. Open the Basic example with the H test parameter. This is a sample testing aid; it is not a production scoring request.

Use browser developer tools to inspect the source, network activity, and target elements. Compare the baseline examples with the FODC examples and check the fallback behavior described in their source.

For implementation, begin with Intelligent Tag, configure rendering with Page Plan, and review the FODC Prevention Adapter when content flicker matters.