Step 1: Create Custom Targeting Filter & Variable
This requires a Pro or higher plan, but head to Screeners >> Targeting and scroll down to create a new custom targeting filter based on an external variable you'll pass to Ethnio JS called State.
Step 2: Add Titles & Parameters
Let's call this one "SPA State" and enter values for pages and one click behavior. Make sure to create a Title and Parameter name for the exact place in your SPA you want an Ethnio intercept to appear:
Step 3: The Null State
This might be the most work for your developers, but it's critical Ethnio receives a Null state for every other time Ethnio JS gets pinged from your servers, regardless of whether the screeners is on or off. At the end of the list of parameters, create and pass a null state for every other state in the SPA. This ensures the intercept doesn’t show up unless it’s the exact right state.
Step 4: Choose State(s)
As long as Ethnio is receiving the different states via JS, you can toggle which pages or states in your SPA the intercept should appear in without changing any code. Simply click the state to toggle. Null should always be off: