Content Sitebar

{{TechSpecsOnline |galerie= |beschreibung=The poster format of online advertising with outstanding advertising impact thanks to 100% visibility. The ad also moves when the user scrolls the page and therefore acts like a poster on the right-hand side, and this opens up a high level of creative freedom. The scroll depth can be important for the creation of the advertising. This is provided by iq digital as a postMessage named 'scroll_message_sitebar' and can be queried using the value data.scrollPercent, as in the example below (section scroll depth).

|technischeDaten=

Dimension:

Dynamic in in height and width. The ad should scale according to the aspect ratio of 1 : 2

File format:

html5

Weight:

Initial Load: max. 300 KB
Host Initiated Subload: max. 500 KB

|anmerkung |html5====as physical file=== Delivery of HTML5-Zip-File is possible (see HTML5-Guideline). |3rdParty====as 3rd-Party-redirect=== Delivery of 3rd-Party redirect only as <iFrame> tag is possible (see 3rd-Party-Redirect). |besondereInformation=

Tablet Fallbackbanner

It is also pointed out that advertising formats on outer surfaces on tablets can lead to misrepresentations. It is therefore recommended for fixed placements to also deliver a billboard, which is used as a fallback.

Display area

iq digital automatically sets the width and height of the advertising space or the surrounding top iFrame element of the creation to suit the area of the available display space next to the content and ensures positioning in the permanently visible area of the browser.

Responsivity

The following applies: the creative agency is responsible for the ad motif representation within the display frames with different sizes of the ad space. This means that with delivery of a:

physical HTML5 zip file or 3rd-party iFrame, the creative agency provides a responsive ad with a ready functionality that automatically downsizes, upsizes, positions or replaces the content of the creation (HTML, CSS, texts, images, other …) to suit the provided display area (which may be larger or smaller than the initially optimised format) and that ensures full and optimum presentation. Please also make sure the click button/area is of a corresponding size.

Scroll depth

The scroll depth can be important for the creation of the advertising. This is provided by iq digital as a postMessage named 'scroll_message_sitebar' and can be queried using the value data.scrollPercent. The postMessage look like this {event_id: 'scroll_message_sitebar', scrollPercent: 54} . ScrollPercent is an integer value.

<syntaxhighlight lang="javascript" line="line" style="font-size:16px"> const handler = (event) => { window.addEventListener('message', function (event) { if(Object.prototype.hasOwnProperty.call(event.data, 'event_id') && event.data.event_id === "scroll_message_sitebar") { console.log(event.data.scrollPercent);

           // TO SOMETHING HERE

} });

 };

 window.addEventListener('message', handler);