Sticky Side Rail Format

NitroPay's sticky side rail drops into layouts that have sufficient whitespace on the left or right of the screen.


View on GitHub

How to implement the sticky side rail format

The following shows the current implementation on this demo page. The left ad scrolls the entire page with the user before stopping 200 pixels from the bottom of the page for the footer. The right ad scrolls until 2,500 pixels have been travelled before stopping.

<script type="text/javascript">
    window['nitroAds'].createAd('sample-rail-1', {
        format: 'rail',
        rail: 'left',
        railOffsetBottom: 200,
        sizes: [
            [160, 600],
            [300, 600],
            [300, 250]
        ],
        report: {
            enabled: true
        },
        mediaQuery: '(min-width: 992px)'
    });
</script>
<script type="text/javascript">
    window['nitroAds'].createAd('sample-rail-2', {
        format: 'rail',
        rail: 'right',
        railDistance: 2500,
        sizes: [
            [160, 600],
            [300, 600],
            [300, 250]
        ],
        report: {
            enabled: true
        },
        mediaQuery: '(min-width: 992px)'
    });
</script>

Disable your ad-blocker on this site

You'll be unable to view or interact with any any of the samples while you're running an ad or script blocking extension.

You can either whitelist this domain (recommended), or pause the adblocker for this session. Consult the extension's documentation for more details. Refresh this page to try again.