Banner Image

Description

Banner Image is a banner that displays an image with a link. The banner has convenient settings for placing and scaling the image in the banner. This means that the image occupies a width equal to the image width or less if the banner container is smaller than the image size. This template is convenient for adaptive sites.

You can use the following banner features in Adfox:

  • 3 setting options for placing and scaling the image in the banner.
  • Custom CSS styles for the banner container.
  • You can upload high-resolution images to make the banner look nicer on mobile devices. For example, for a 240 × 400 banner, you need to upload a 480 × 800 image and set the width to 240 × 400 in the banner settings.
  • You can add a non-clickable banner. To do this, leave the Transition URL parameter empty.

Sample static banner

Sample banner in categories

Sample stretching banner

Image requirements

  • Use high-resolution images. This substantially improves banner quality on mobile devices, though it reduces banner ad response speed.
  • We recommend reducing the size of image files using services like TinyPng. This service works with both PNG and JPEG.
  • Acceptable image formats: JPEG, JPG, WEBP, PNG, and GIF.
  • Maximum file size: 10 MB.

Add a banner to Adfox

Note

You can add a Banner Image as a separate banner or as part of a carousel.

To add a Banner Image to a carousel:

  • Create a master campaign with the Carousel profile.
  • Select the Banner Image Slide [context] template for your Banner Image.
  • Place the Banner Image and the carousel on the same placement.

To add a banner to Adfox, select the desired banner type and the Banner Image [context] template.

Set the banner parameters:

Parameter

Description

Image

Banner image.

Image ALT

Alternative text that's shown before the banner image loads.

Target transmission parameter

Specify how the link from the placeholder banner opens. Possible values are _blank and _top. If you don't set a value, the link opens in a new window.

Tracking pixel link

By default, the Adfox //banners.adfox.ru/transparent.gif pixel is used. If you want to count impressions in a third-party system, delete the Adfox pixel and provide another link.

Transition URL

Link to the advertiser's site. For the click-through to work correctly, make sure that the link includes the protocol (http:// or https://).

Banner width (% or px)

Banner width.

Banner height (px)

Banner height. This is required if the Image position parameter has the contain or cover value. If the Image position parameter value is empty, the height is ignored and the height:auto; style applies.

Image position (contain, cover, empty)

Specify how the image is positioned and scaled within the banner.

If you specify the Image position parameter and set Width in pixels, the banner size doesn't change when the window size is changed. This may be significant for mobile sites, because a horizontal scroll may appear if the banner size is larger than the window size.

Available position options

Variant

Description

Scheme

contain

The banner size doesn't depend on the container size: it's depends on what you specified in the banner parameters.

If the image size is larger than the banner size, the image is scaled proportionally so that it's fully visible.

The areas where there's no image are transparent.

The image center is in the center of the ad unit.

Be sure to specify the banner height.

Note

To change the background color, specify the background style in the Styles for banner block banner parameter, for example, background-color: #cd1e25;

cover

The banner size doesn't depend on the container size: it's depends on what you specified in the banner parameters.

If the image size is larger than the banner size, the image is scaled proportionally to occupy the entire banner area.

The image center is in the center of the ad unit.

Be sure to specify the banner height.

empty string

The image adapts to the surrounding container. If the image size is larger than the container, the image is proportionally reduced in size and made equal in width to the container size, and the image height is changed according to the image proportions.

If the image size is smaller than the container, the image size is what you specified in the banner parameters, and the image is at the upper-left border of the container.

Name of the banner container class attribute

Name (or multiple names separated by a space) for the class attribute of the banner container.

Styles for banner block

Custom styles for the banner container in a single string. Except for the display style. For example, border: 1px solid red;. Invalid values are ignored by the browser.

Advertising label settings:

  • Ad label
  • Domain

In the Ad label list, select Ad or Social ad to label the banner. If your ad creative already contains a label, you can leave the Disabled value in the drop-down list.

Note

Adding the “Social ad” label doesn't automatically define the creative as social advertising. To label a creative as a social ad (PSA) in the state register, select Social advertising contract with payment or Social advertising contract by quota for the corresponding contract with the end advertiser.

In the Domain field, specify the advertiser domain, and it will be added to the label: “Ad | example.com” or “Social ad | example.com” (only if the Ad or Social Ad value is selected in the dropdown list).

Show banner menu

To add a token to a non-clickable banner, enable the Show banner menu option in the banner settings. When the banner is served, the  menu icon will be displayed in its upper-right corner. When a user clicks the icon, the advertiser's details and the copy token button appear (if ad register is enabled for the banner or a third-party token is specified).

The banner menu contains a link to the rules for using recommendation technologies. It's required for compliance with Clause 3 of Section 1 of Article 10.2-2 of the Federal Law No. 149-FZ “On information, information technologies, and information protection”, dated July 27, 2006.

Note

If the banner is non-clickable (the Transition URL field is empty) and has not been added to the ad register, you can enable the banner menu to make the token available when serving the banner.

Advertising labeling

Advertising labeling: This section is only available if you've selected Submit data to state register as a labeling procedure in the campaign settings. Fill in the fields in this section to register the creative in the Yandex advertising data operator. The creative is assigned a token automatically.

Contact support

Send an email

Previous
Banner requirements
Next
Banner HTML5