Fullpage Interstitial

Components

Adblock Banner Fullpage Interstitial Regular (Web)Mobile Props Outstream Placeholder Recommendation Widget Sticky Banner

Get started

Regular (Web)

Classic Full Page Interstitial: horizontal. Opens on internal link and can be closed by viewer. It can be triggered once per zone.

This type does not open if the screen is higher than it is tall, i.e., most mobile phones.

Click me

<a href="#" onClick={e => e.preventDefault()} className="demo-desktop">
  Click me
</a>
<FullpageInterstitial
  zoneId={4318792}
  frequencyType="clicks"
  firstTriggerClicks={1}
  nextTriggerClicks={1}
  triggerClass={['demo-desktop']}
/>

<a href="#" onClick={e => e.preventDefault()} className="demo-desktop">
  Click me
</a>
<FullpageInterstitial
  zoneId={4318792}
  frequencyType="clicks"
  firstTriggerClicks={1}
  nextTriggerClicks={1}
  triggerClass={['demo-desktop']}
/>

Mobile

Mobile Full Page Interstitial: Opens on internal link and closed by viewer. Unlike the desktop variant, the mobile version has no restrictions on the screen ratio.

Click me

<a href="#" onClick={e => e.preventDefault()} className="demo-mobile">
  Click me
</a>
<FullpageInterstitial
  zoneId={4318840}
  frequencyType="clicks"
  firstTriggerClicks={1}
  nextTriggerClicks={1}
  triggerClass={['demo-mobile']}
/>

<a href="#" onClick={e => e.preventDefault()} className="demo-mobile">
  Click me
</a>
<FullpageInterstitial
  zoneId={4318840}
  frequencyType="clicks"
  firstTriggerClicks={1}
  nextTriggerClicks={1}
  triggerClass={['demo-mobile']}
/>

Props

zoneId

ReactText

required

frequencyType

"clicks" | "time"

required

sub

string | number | null | undefined

sub2

string | number | null | undefined

sub3

string | number | null | undefined

keywords

string[] | null | undefined

firstTriggerClicks

number | null | undefined

nextTriggerClicks

number | null | undefined

triggerClass

string[] | null | undefined

frequencyCount

number | null | undefined

frequencyPeriod

number | null | undefined

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Regular (Web)

Mobile

Props

Regular (Web)