Any video ad units that integrate custom hosted video can now be made sticky. Sticky video functionality is a great way to boost view-through rates. When a user scrolls past a video ad made sticky, and the unit moves out of the viewable area of the screen, the video automatically pops out and anchors to a specified location on screen.
Take a look at the following example: https://demo.adventive.com/outstream/outstream_sticky.html
The video loads between articles initially. Just scroll past the in-feed video and you'll see the video pop up in the lower right hand corner of the screen.
This article will walk you through creating a Sticky Video ad unit.
Sticky Video Unit
In the Builder, Create a New File, type in File Name, and select Banner from the dropdown (you can use any format, this example uses Banner format).
Select ad dimensions or click custom to enter your own.
Backup Image – Any image asset that matches the dimensions you’ve entered will be displayed in the dropdown list. You can select one here or add a backup in the builder under general properties in the “Fallback Image” field. This Backup Image will be displayed if the user’s browser is out of date and cannot support HTML5.
Click URL – The default click URL. The click URL is automatically applied to any area of the ad unit without an associated click or event action (i.e. buttons, hitboxes, expand actions etc.). Users that click on the fallback image will also be directed to this URL.
Setting Up Your Canvas
A blank canvas will load onto the screen. This is where you'll place your ad content and Video.
Ad Properties (In the Properties panel to the right of the Builder)
Width and Height
The Width and Height of your canvas will be the sizes you choose from the Create New File template. You can change these at any time.
Opacity of the ad canvas
Selecting this option will automatically scale the ad screen to the size of the user’s browser.
Click to change or update the name of your ad
Default Click URL
Click to change or update the default click URL
UPDATE: You can now choose to have the Default Url open in a “New Tab” or the “Same Tab” by clicking on the dropdown arrow next to the “Open In” field in General Properties:
Click to add or update your fallback image. This will open your assets, displaying only images that are identically sized to the initial load screen dimensions of your ad unit.
Once your Video is on the canvas and selected, make any sizing adjustments, then go to the Video Component settings to the right of the Builder under General Properties and you will see the default settings which can be changed:
Make your video setting selections and be sure to check “Sticky Video” under Settings:
Choose placement of Sticky Video from the dropdown:
Close Button – if selected, a default “x” close button will appear so the viewer can close out of the sticky video:
Roadblock – if selected, this hides the close button for a set number of seconds - click into the "Seconds" field to enter how many seconds before the "X" close button should appear:
Header Text – click in the field to change the default “Advertisement” and type in new text for your Header area:
Header Background Color – click in the box to change the header background color
Header Font Color – click in the box to change the header font color
Add any other Assets or other elements to your canvas..
Save the ad.
Go to the Preview icon to view the ad.