The Vertical Lightbox Unit provides a sleek and immersive way to showcase vertical video content while also supporting horizontal videos for added flexibility. When a video is clicked, it opens in a fullscreen, vertically scrollable popup overlay.
Options:
- Content Unit name: Assign a name of your content unit.
- Script ad tag (Display/Outstream): Insert your ad tag or outstream script to serve ads between videos.
- Frequency: Set how often the banner ad appears. Example: A value of “2” means an ad is shown after every second video or swipe.
- Choose player: Select desired player from the drop-down list.
- Choose playlist: Select desired playlist from the drop-down list.
Monetization
Choose between a Display Banner Ad Tag or an Outstream for monetization. Simply paste your preferred ad script and set the frequency to determine how often the banner ad appears (e.g., after how many videos or swipes the ad will be served).
Display Ad Banner
To add a display banner ad, simply paste your desired ad tag into the Script Ad Tag field. Your tag script should look like this:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<div id="gpt-passback">
<script>
window.googletag = window.googletag || {cmd: []};
googletag.cmd.push(function() {
googletag.defineSlot('/your_banner', [[300, 250]], 'gpt-passback').addService(googletag.pubads());
googletag.enableServices();
googletag.display('gpt-passback');
});
</script>
</div>
We recommend making the banner responsive and using the following sizes: 300x250, 320x50, 300x600, etc.
Important:
Some publishers use the following CSS (or similar), which overruns our JavaScript and prevents the ad from bursting out of the iframe:
.article__html iframe {
max-width: 100% !important;
min-width: auto !important;
width: 100% !important;
}
To ensure proper ad behavior, you need to apply the following exception:
.article__html iframe:not(.bplr-shorts-placeholder-card-ad iframe) {
max-width: 100% !important;
min-width: auto !important;
width: 100% !important;
}
On your website, it should look like this:
Outstream
If you decide to use an outstream ad, we recommend utilizing our Outstream In-content Ad Unit and setting a fixed ad unit player size. The recommended sizes are: 300x250, 320x50, 300x600 etc. Alternatively, if you prefer to use an aspect ratio, we suggest a 9:16 ratio for optimal display.
On your website, it should look like this:
