Sticky Stack Ad Format

Step 1: Create a track for the unit

The pre-requisite to use the Sticky Stack format is a sidebar element at least 160-300px wide that fills 100% of the height you'd like the sticky ads to be bound inside.

Take a look to the right and see our sample implementation that features a sidebar with 3 elements.

.layout-sample {
    display: flex;
    margin: 0 auto;
    width: 900px;
}

.layout-left {
    flex: 1;
    margin-right: 15px;
}

.layout-right {
    flex: 0 0 300px;
}

#sample-sticky-stack {
    height: 100%;
}

<div class="layout-sample">
    <div class="layout-left">
        ...
    </div>
    <div class="layout-right">
        <div id="sample-sticky-stack"></div>
    </div>
</div>

Step 2: Create the ad unit

<script type="text/javascript">
    window['nitroAds'].createAd('sample-sticky-stack', {
        format: 'sticky-stack',
        stickyStackLimit: 15,
        stickyStackSpace: 1.7,
        sizes: [
            [300, 600],
            [300, 250],
            [160, 600],
        ],
        report: {
            enabled: true
        },
        mediaQuery: '(min-width: 992px)'
    });
</script>