Custom Display Ad

Liquidus BannerLink offers you the ability to create your own custom display ad for your BannerLink campaign. A custom display ad loads on a user's Web page instead of the typical BannerLink ad, providing you the opportunity to create a more "brand-focused" banner campaign. Or you can utilize the custom display ad to highlight current promotions, introduce new products, or anything else.

Once the user engages your banner, however, the banner loads your inventory and displays your actual BannerLink, providing the full, engaging showcase experience. How the user invokes the BannerLink is up to you: on banner mouse-over, after clicking a button on your banner, or any number of other options. The possibilities are limited only by your imagination and Flash capabilities. Once a user stops interacting with your BannerLink, it will resume displaying your custom display ad after a short delay.

There are no restrictions on the content of your custom display ad, but we do have some suggestions to make sure it contributes to a successful campaign. Each suggestion is incorporated in the example at right.

Visually or textually indicate that the banner offers more content once it is interacted with. Without this indication, users will not be aware that your BannerLink has its rich interaction possibilities and will be less likely to engage your banner.
Choose roll-over instead of clicking as your invocation event where possible. This is how the BannerLink product typically works, and offers a better opportunity to garner user interaction.
Add a loading state that displays immediately upon BannerLink invocation. This can be a small animation or an overlay over the entirety of your banner, but it should be coded to display indefinitely, because the invocation will replace your banner with the actual BannerLink once it loads. Because this load can take a couple seconds, providing users a loading screen lets them know that your banner is not "frozen" or "broken".
Use the height and width dimensions of your BannerLink — if your BannerLink is a 728x90 Leaderboard, design your custom display ad to those same dimensions.
Keep your published Flash file (.swf) at or under 40KB in file size. This is the maximum size most sites will allow for banner ads.

Implementation

Creating a Flash file that can properly invoke your BannerLink is simple if you have a basic knowledge of ActionScript. Just add the invocation function below to your Flash file using ActionScript 2 and call it using any event listener you like. Or, if you are using one of the common events listed below, just copy and paste the sample code into your custom display ad at the specified location, save and send us your published .SWF. Be sure to keep your FLA set to 18FPS to avoid any timing changes.

TIP: You can also access all the instructions contained here within a guide layer on the stage of each Display Ad template file (Download links above).

The minimum code required to invoke your full Bannerlink:

Security.allowDomain('*');
_root.LTVLoadBanner();

Common Invocation Events

Banner roll-over

Use this to invoke the full BannerLink once a user rolls over your banner.

Security.allowDomain('*');

// change "blInteractBtn" to whatever object you want to attach the rollover trigger to
blInteractBtn.onRollOver = function () {
	_root.LTVLoadBanner();
}

Banner click

Use this to invoke the full BannerLink once a user clicks anywhere on your banner.

Security.allowDomain('*');

// change "blInteractBtn" to whatever object you want to attach the click trigger to
blInteractBtn.onRelease = function () {
	_root.LTVLoadBanner();
}

Completed animation

Use this to invoke the full BannerLink once an animation completes in your banner. Add to the final frame in your animation's timeline.

Security.allowDomain('*');
_root.LTVLoadBanner();

Timer

Use this to invoke the full BannerLink after a certain amount of time has passed. Replace "8000" with the desired number of milliseconds before the full BannerLink will be invoked. For example, a value of "1000" is equivalent to 1 second of delay.

Security.allowDomain('*');

// change "8000" to whatever time you want the delay to be, in milliseconds (1000 for each second)
setTimeout(this, 'loadDelay', 8000);

function loadDelay():Void {
	_root.LTVLoadBanner();
}

Custom Display Ad