Content Sitebar - Revision history

Ppeters at 09:10, 12 September 2024

2024-09-12T09:10:38Z

← Older revision		Revision as of 11:10, 12 September 2024
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).

Ppeters at 16:04, 15 September 2023

2023-09-15T16:04:11Z

← Older revision		Revision as of 18:04, 15 September 2023
Line 9:		Line 9:
	\|besondereInformation=		\|besondereInformation=
	;<big>		;<big>
	~~=== 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.
	~~{{AnzeigenflaecheBaustein}}~~
	~~===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.
	{{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'''.		{{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.		The postMessage look like this {event_id: 'scroll_message_sitebar', scrollPercent: 54} . ScrollPercent is an integer value.
Line 32:		Line 25:
	window.addEventListener('message', handler);		window.addEventListener('message', handler);

	</syntaxhighlight>		</syntaxhighlight>}}
			=== 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.
			{{AnzeigenflaecheBaustein}}
			===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.
	<includeonly>\|wirdReferenziert=true</includeonly>		<includeonly>\|wirdReferenziert=true</includeonly>
	}}		}}

Ppeters at 16:01, 15 September 2023

2023-09-15T16:01:29Z

← Older revision		Revision as of 18:01, 15 September 2023
Line 32:		Line 32:
	window.addEventListener('message', handler);		window.addEventListener('message', handler);

			</syntaxhighlight>
	<includeonly>\|wirdReferenziert=true</includeonly>		<includeonly>\|wirdReferenziert=true</includeonly>
	}}		}}

Ppeters at 16:01, 15 September 2023

2023-09-15T16:01:02Z

← Older revision		Revision as of 18:01, 15 September 2023
Line 17:		Line 17:

	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.
	{{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''' ~~(values are integers: 0,1..10,11,12..30..50..99,100) , as in the example here~~.		{{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'''.
	{event_id: 'scroll_message_sitebar', scrollPercent: 54}		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">		<syntaxhighlight lang="javascript" line="line" style="font-size:16px">

Ppeters at 15:57, 15 September 2023

2023-09-15T15:57:37Z

← Older revision		Revision as of 17:57, 15 September 2023
Line 18:		Line 18:
	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.
	{{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''' (values are integers: 0,1..10,11,12..30..50..99,100) , as in the example here.		{{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''' (values are integers: 0,1..10,11,12..30..50..99,100) , as in the example here.
			{event_id: 'scroll_message_sitebar', scrollPercent: 54}

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

			window.addEventListener('message', handler);

	<includeonly>\|wirdReferenziert=true</includeonly>		<includeonly>\|wirdReferenziert=true</includeonly>
	}}		}}

Ppeters at 15:48, 15 September 2023

2023-09-15T15:48:43Z

← Older revision		Revision as of 17:48, 15 September 2023
Line 17:		Line 17:

	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.
	{{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''', as in the example here.		{{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''' (values are integers: 0,1..10,11,12..30..50..99,100) , as in the example here.

	<syntaxhighlight lang="javascript" line="line" style="font-size:16px">		<syntaxhighlight lang="javascript" line="line" style="font-size:16px">

Ppeters at 11:29, 15 September 2023

2023-09-15T11:29:15Z

← Older revision		Revision as of 13:29, 15 September 2023
Line 1:		Line 1:
	{{TechSpecsOnline		{{TechSpecsOnline
	\|galerie=[[File:Online Premium Sitebar Ad.png\|200px]]		\|galerie=[[File:Online Premium Sitebar Ad.png\|200px]]
	\|beschreibung=The poster format of online advertising with outstanding advertising impact thanks to 100% visibility. The ad ~~reacts to~~ user ~~scrolling~~. ~~A different section~~ of the ad is ~~always displayed depending on~~ the scroll depth.		\|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.
	\|technischeDaten={{Anlieferungselement\|abmessung=Dynamic in height and width ~~- min~~. ~~Height 2000px, max. Height 5000px~~ \|~~format~~=~~{{Format Online Standard~~}}\|gewicht={{Gewicht\|w=300\|w2=500}}}}		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={{Anlieferungselement\|abmessung=Dynamic in in height and width. The ad should scale according to the aspect ratio of {{AbmessungRatio\|w=1\|h=2}} \|format=html5\|gewicht={{Gewicht\|w=300\|w2=500}}}}
	\|anmerkung		\|anmerkung
			\|html5={{HTML5\|erlaubt=ja\|typ=HTML5-Zip-File}}
	\|3rdParty={{3rdParty\|typ='''only''' as <iFrame> tag \|plattform=online\|erlaubt=ja\|}}		\|3rdParty={{3rdParty\|typ='''only''' as <iFrame> tag \|plattform=online\|erlaubt=ja\|}}
	\|besondereInformation=		\|besondereInformation=
Line 10:		Line 12:
	</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.
	{{AnzeigenflaecheBaustein}}		{{AnzeigenflaecheBaustein}}
	~~{{Responsivitaet\|seitenverhaeltnis~~=1:6 - z.B. ~~400x2400px}}~~		===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.
	{{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''', as in the example here.		{{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''', as in the example here.

Ppeters at 16:37, 31 August 2023

2023-08-31T16:37:39Z

← Older revision		Revision as of 18:37, 31 August 2023
Line 8:		Line 8:
	;<big>		;<big>
	=== Tablet Fallbackbanner ===		=== Tablet Fallbackbanner ===
	</big>It is also pointed out that ~~forms of outdoor~~ advertising on tablets can lead to misrepresentations. It is therefore recommended ~~that~~ a billboard is ~~also supplied~~ 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.
	{{AnzeigenflaecheBaustein}}		{{AnzeigenflaecheBaustein}}
	{{Responsivitaet\|seitenverhaeltnis=1:6 - z.B. 400x2400px}}		{{Responsivitaet\|seitenverhaeltnis=1:6 - z.B. 400x2400px}}

Ajamrza at 10:47, 20 February 2023

2023-02-20T10:47:15Z

← Older revision		Revision as of 12:47, 20 February 2023
Line 6:		Line 6:
	\|3rdParty={{3rdParty\|typ='''only''' as <iFrame> tag \|plattform=online\|erlaubt=ja\|}}		\|3rdParty={{3rdParty\|typ='''only''' as <iFrame> tag \|plattform=online\|erlaubt=ja\|}}
	\|besondereInformation=		\|besondereInformation=
			;<big>
			=== Tablet Fallbackbanner ===
			</big>It is also pointed out that forms of outdoor advertising on tablets can lead to misrepresentations. It is therefore recommended that a billboard is also supplied as a fallback.
	{{AnzeigenflaecheBaustein}}		{{AnzeigenflaecheBaustein}}
	{{Responsivitaet\|seitenverhaeltnis=1:6 - z.B. 400x2400px}}		{{Responsivitaet\|seitenverhaeltnis=1:6 - z.B. 400x2400px}}

Tlohmann at 07:54, 9 December 2022

2022-12-09T07:54:41Z

← Older revision		Revision as of 09:54, 9 December 2022
Line 7:		Line 7:
	\|besondereInformation=		\|besondereInformation=
	{{AnzeigenflaecheBaustein}}		{{AnzeigenflaecheBaustein}}
	{{Responsivitaet}}		{{Responsivitaet\|seitenverhaeltnis=1:6 - z.B. 400x2400px}}
			{{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''', as in the example here.

			<syntaxhighlight lang="javascript" line="line" style="font-size:16px">
			window.addEventListener('message', function (e) {
			if (e.data.event_id == 'scroll_message_sitebar') {
			console.log(data.scrollPercent);
			}
			});
			</syntaxhighlight>}}
	<includeonly>\|wirdReferenziert=true</includeonly>		<includeonly>\|wirdReferenziert=true</includeonly>
	}}		}}