How do I change banner settings?

On an ongoing basis, you may make changes to a banner's look and feel:

- Changing the way the banner is displaying on your page

- Changing the overlay styles

- Changing the size of the video that will play when banner is clicked on

Video Banners are accessible from the Manage section of Liveclicker.


Upon clicking, you will see a list of all the banners for the account.


If you click on Customize Appearance, you will be able to select three parameters:

  • The CSS for the Embed: a pulldown showing you all the CSS stylesheets you currently have for your banners
  • The CSS for the Overlay: a pulldown showing you all the CSS stylesheets for the banner overlays
  • The number of videos to appear in the embed (usually set to 1, 2 or 3)

[edit] CSS for the embed and overlay

By default, all banners use the standard Liveclicker stylesheet. Click on Embed Styles to view the default Liveclicker style. You will notice that the stylesheet features various banner types (e1, e2, e3, etc) which uniquely identify the various properties for the banner embed.

If you want to apply a custom style for your banner, copy the stylesheet from the Liveclicker default embed or overlay style to start with a base. Create your own style sheet and paste the Liveclicker style.

Tip - Liveclicker recommends using Firebug for changing styles on the fly on Firefox, prior to editing the styles in Liveclicker.

After you make your style changes, save the stylesheet then come back to the Video Banner's main page and click Customize Appearance. Select the new stylesheet for the embed or overlay, then click save. To preview your banner, click the green preview button.

[edit] Choosing your thumbnail type

Three options are available for thumbnails - dynamic, high resolution and normal resolution.


[edit] Static thumbnails (high and low resolution)

Static thumbnails are simple JPG images taken from your video and selected in the widget creation process. There are two options for this:

  • A high resolution option (about 15KB) which is appropriate if your thumbnail is more than 120x90 pixels in size.
  • A normal resolution option (about 2KB) which is sufficient for smaller presentations.

[edit] Dynamic video thumbnails

Dynamic video thumbnails will play the video in place of the thumbnail on mouseover. They allow the user to preview the video before actually clicking to view the full overlay. See the examples below:


NOTE If you pick the dynamic video thumbnail option, every video impression on mouseover will count as a billable impression.

[edit] Adding a play button to a thumbnail

If you are displaying a thumbnail of the video in the banner embed, it might be useful to add a play button on top of the thumbnail to explicitly call out the video.


To accomplish this, when configuring the video banner, make sure you check the Play button checkbox. If you want to change the appearance of the play button, use the stylesheet associated to the embed (the name of the CSS property is lcplaybtn_e2).


[edit] Controlling the size of the overlay and embedded player

Each banner has a set of pre-determined parameters to control the player height and width, as well as the overall overlay size.

Overlay dimensions.png

Each of these parameters can be controlled by editing specific banners. To change the size of the player in the overlay, edit the Player Height/Width parameters as shown below:

Player dimensions overlay.png

To edit the overlay dimensions, scroll down on the page to find the Overlay Height/Width parameters:

Overlay dimensions overlay.png

[edit] Using the Image Uploader

If you need to upload files to Liveclicker for your banners (backgrounds, images), you may use the image uploader. The uploader is available under Manage/PowerTools/Image assets:


Click on Browse, select your image, and the file will automatically upload.

[edit] Content Matching Options

Content matching rules will determine what content (if any) will be show to the user.


When the onsite banner is passed a set of filters in the form of a dimensional query string, there are four content matching types.

  • Auto/Broad: for widgets to appear, they need to match at least one dimension value provided in the JavaScript query string.
  • Auto/Exact: widgets appear if at least one of their dimension sets exactly matches all values provided in the JavaScript query string.
  • Auto/Contextual: Liveclicker parses the content of the host page, and contextually serves widgets based on lexical analysis.
  • Manual/Playlist: User manually decides from the Liveclicker UI which widgets are shown.
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Please sign in to leave a comment.