615
edits
Content Sitebar: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{TechSpecsOnline | {{TechSpecsOnline | ||
|galerie=[[File:Online Premium Sitebar Ad.png|200px]] | |galerie=[[File:Online Premium Sitebar Ad.png|200px]] | ||
|ecoAdLabel=[[Datei:Ecoadlabelhigh.png|x200px]] | |||
|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. | |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). | 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). | ||
| Line 9: | Line 10: | ||
|besondereInformation= | |besondereInformation= | ||
;<big> | ;<big> | ||
{{Baustein|titel=Scroll depth|text=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); | |||
</syntaxhighlight>}} | |||
=== Tablet Fallbackbanner === | === Tablet Fallbackbanner === | ||
</big>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. | </big>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. | ||
| Line 17: | Line 35: | ||
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. | 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. | ||
<includeonly>|wirdReferenziert=true</includeonly> | <includeonly>|wirdReferenziert=true</includeonly> | ||
}} | }} | ||