BackGround

1. Banner summary

ID Number: 05H022.
Short description: banner is a webpage background.
Code type: Poster, AjaxJS, JavaScript, Extension.
Examples: BackGround on Extension code, BackGround on AjaxJS code.
Specification: banner is a webpage background. After a click on this background, a user is redirected to advertiser’s site. The size and the position of the click area are set during the banner preparation.

It is recommended to use Poster code if a banner should be displayed only after a user scrolls to its placement. On this code banner is displayed after complete loading of the webpage. In other cases it is strongly recommended to use Extension code.

2. Banner preparation

You should prepare two images: a background image, which will be shown on the page, and a transparent image of .gif format and size 1×1 px, which will be a transparent click area.

2.1. Javascript preparation for BackGround on JavaScript / Poster codes

Download an example. Open a script.js file with a text editor. You should change only that part of code, which is marked as “Editable block”.


var ar_back		= 'back.gif';
var ar_back_color	= '#262625';

var ar_transparent	= '1x1.gif';
var ar_tr_width		= '100%';
var ar_tr_height	= '100%';
var ar_tr_left		= '0px';
var ar_tr_top		= '0px';

var ar_gif_pixel	= '';

Variables:

  • ar_back — a background image name. Enter the name of your own background image. If the image should be loaded from an external server, enter the full pathname, starting with ‘http://’. In this case it won’t be needed to download this image in AdRiver interface.
  • ar_back_color — a background color, if needed. Use rgb colors: #rrggbb.
  • ar_transparent — a transparent image name (click area). Enter the name of your own transparent image. If the image should be loaded from an external server, enter the full pathname, starting with ‘http://’. In this case it won’t be needed to download this image in AdRiver interface.
  • ar_tr_width — the click area width. You may use percents (%) or pixels (px).
  • ar_tr_height — the click area height. You may use percents (%) or pixels (px).
  • ar_tr_left — displacement of the click area from the left edge of the window. You may use percents (%) or pixels (px).
  • ar_tr_top — displacement of the click area from the top edge of the window. You may use percents (%) or pixels (px).
  • ar_gif_pixel — third party tracking URL, if needed.

Save the script.js file. The banner is ready to be loaded in the interface.

3. Requirements

Names of the files can consist of numbers, latin letters or underscore symbols only and can’t contain any russian letters, space symbols, quotes or other special symbols.

4. File size limits for banners in AdRiver

  • gif, jpeg, png-files (img width x height banners on AdRiver) — 600К;
  • swf-files (flash width x height banners on AdRiver) — 600K;
  • other file types — 600K;
  • for multicomponent banners the limits are checked for each one component.

For downloading banner files with extra-limit sizes you can use the box Расположение на стороннем сервере, in which you should insert the full pathname to the file on external server (in AdRiver interface).

For banners that can’t be loaded from an external server it is possible to increase the limits of the file size. It must be agreed with sales and support departments.

Last modified on 29.03.2016