Content Sitebar: Unterschied zwischen den Versionen

(18 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)

Zeile 1:

{{TechSpecsOnline

|galerie=[[Datei:Online Premium Sitebar Ad.png|200px]]

|beschreibung=Das Plakat der Online-Werbung mit ausgedehnter Werbewirkung durch 100% Sichtbarkeit. Das Ad wandert beim Scrollen mit und wirkt so wie ein Plakat auf der rechten Seite, welches somit großen kreativen Gestaltungspielraum bietet.

|ecoAdLabel=[[Datei:Ecoadlabelhigh.png|x200px]]

|technischeDaten={{Anlieferungselement|abmessung=Dynamisch in Höhe und Breite. Als Orientierung des Seitenverhältnis dient die "Ratio" {{AbmessungRatio|w=1|h=2}} |format={{~~Format Online Standard~~}}|~~gewicht~~={{Gewicht ~~Online Standard~~}}}}

|beschreibung=Das Plakat der Online-Werbung mit ausgedehnter Werbewirkung durch 100% Sichtbarkeit. Das Ad wandert beim Scrollen mit und wirkt so wie ein Plakat auf der rechten Seite, welches somit großen kreativen Gestaltungspielraum bietet. Zusätzlich kann man auf die Scroll-Tiefe reagieren und die Kreation innerhalb der Bühne anpassen. Diese wird von iq digital per postMessage mit dem Namen "scroll_message_sitebar" zur Verfügung gestellt und kann über den Wert data.scrollPercent abgefragt werden. Siehe Abschnitt Scroll-Tiefe.

|technischeDaten={{Anlieferungselement|abmessung=Dynamisch in Höhe und Breite. Als Orientierung des Seitenverhältnis dient die "Ratio" {{AbmessungRatio|w=1|h=2}} |format=html5|gewicht={{Gewicht|w=300|w2=500}}|ecoadgewicht={{Gewicht|w=210|w2=350}}}}

|anmerkung

|html5={{HTML5|erlaubt=ja|typ=HTML5-Zip-File}}

|3rdParty={{3rdParty|typ='''nur''' als <iFrame>-Tag |plattform=online|erlaubt=ja|}}

|besondereInformation=

;<big>

{{Baustein|titel=Scroll-Tiefe |text=Die Scroll-Tiefe kann für die Kreation der Werbung wichtig sein. Diese wird von iq digital per postMessage mit dem Namen "scroll_message_sitebar" zur Verfügung gestellt und kann über den Wert data.scrollPercent abgefragt werden.

Das postMessage wird nach dem Muster versendet, wobei der Wert '''scrollPercent''', die Scrolltiefe als ganze Zahl zurückliefert.

{event_id: 'scroll_message_sitebar', scrollPercent: 54}

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 ===

</big>Es wird außerdem darauf hingewiesen, dass Außenwerbeformen auf Tablets zu Fehldarstellungen führen können. Daher wird es bei Festplatzierungen empfohlen, zusätzlich ein Billboard anzuliefern, was als Fallback eingesetzt wird.

~~{{Responsivitaet}}~~

===Responsivität===

Es gilt: '''Die Kreativagentur ist verantwortlich für die Motiv-Darstellung innerhalb der Anzeige-Frames bei unterschiedlicher Größe der Werbefläche.'''

D.h. bei Bereitstellung von:

'''Physisches HTML5-Zip-File oder 3rd-Party-iFrame''' stellt die Kreativagentur ein responsives Werbemittel zur Verfügung, welches mit fertiger Funktionalität die Inhalte der Kreation (HTML, CSS, Texte, Bilder, sonstiges …) auf die bereitgestellte Anzeigefläche (kann größer oder kleiner sein, als das initial optimierte Format) automatisch verkleinert, vergrößert, positioniert oder austauscht sowie die vollständige und optimale Darstellung sicherstellt. Bitte berücksichtigen Sie auch den Klickbutton/Bereich mit entsprechender Größe.

<includeonly>|wirdReferenziert=true</includeonly>

}}

@@ Zeile 1: / Zeile 1: @@
 {{TechSpecsOnline
 |galerie=[[Datei:Online Premium Sitebar Ad.png|200px]]
-|beschreibung=Das Plakat der Online-Werbung mit ausgedehnter Werbewirkung durch 100% Sichtbarkeit. Das Ad wandert beim Scrollen mit und wirkt so wie ein Plakat auf der rechten Seite, welches somit großen kreativen Gestaltungspielraum bietet.
+|ecoAdLabel=[[Datei:Ecoadlabelhigh.png|x200px]]
-|technischeDaten={{Anlieferungselement|abmessung=Dynamisch in Höhe und Breite. Als Orientierung des Seitenverhältnis dient die "Ratio" {{AbmessungRatio|w=1|h=2}} |format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}}}
+|beschreibung=Das Plakat der Online-Werbung mit ausgedehnter Werbewirkung durch 100% Sichtbarkeit. Das Ad wandert beim Scrollen mit und wirkt so wie ein Plakat auf der rechten Seite, welches somit großen kreativen Gestaltungspielraum bietet. Zusätzlich kann man auf die Scroll-Tiefe reagieren und die Kreation innerhalb der Bühne anpassen. Diese wird von iq digital per postMessage mit dem Namen "scroll_message_sitebar" zur Verfügung gestellt und kann über den Wert data.scrollPercent abgefragt werden. Siehe Abschnitt Scroll-Tiefe.
+|technischeDaten={{Anlieferungselement|abmessung=Dynamisch in Höhe und Breite. Als Orientierung des Seitenverhältnis dient die "Ratio" {{AbmessungRatio|w=1|h=2}} |format=html5|gewicht={{Gewicht|w=300|w2=500}}|ecoadgewicht={{Gewicht|w=210|w2=350}}}}
 |anmerkung
+|html5={{HTML5|erlaubt=ja|typ=HTML5-Zip-File}}
 |3rdParty={{3rdParty|typ='''nur''' als <iFrame>-Tag |plattform=online|erlaubt=ja|}}
 |besondereInformation=
+;<big>
+{{Baustein|titel=Scroll-Tiefe |text=Die Scroll-Tiefe kann für die Kreation der Werbung wichtig sein. Diese wird von iq digital per postMessage mit dem Namen "scroll_message_sitebar" zur Verfügung gestellt und kann über den Wert data.scrollPercent abgefragt werden.
+Das postMessage wird nach dem Muster versendet, wobei der Wert '''scrollPercent''', die Scrolltiefe als ganze Zahl zurückliefert.
+{event_id: 'scroll_message_sitebar', scrollPercent: 54}
+<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 ===
+</big>Es wird außerdem darauf hingewiesen, dass Außenwerbeformen auf Tablets zu Fehldarstellungen führen können. Daher wird es bei Festplatzierungen empfohlen, zusätzlich ein Billboard anzuliefern, was als Fallback eingesetzt wird.
 {{AnzeigenflaecheBaustein}}
-{{Responsivitaet}}
+===Responsivität===
+Es gilt: '''Die Kreativagentur ist verantwortlich für die Motiv-Darstellung innerhalb der Anzeige-Frames bei unterschiedlicher Größe der Werbefläche.''' <br/>
+D.h. bei Bereitstellung von:<br /><br />
+'''Physisches HTML5-Zip-File oder 3rd-Party-iFrame''' stellt die Kreativagentur ein responsives Werbemittel zur Verfügung, welches mit fertiger Funktionalität die Inhalte der Kreation (HTML, CSS, Texte, Bilder, sonstiges …) auf die bereitgestellte Anzeigefläche (kann größer oder kleiner sein, als das initial optimierte Format) automatisch verkleinert, vergrößert, positioniert oder austauscht sowie die vollständige und optimale Darstellung sicherstellt. Bitte berücksichtigen Sie auch den Klickbutton/Bereich mit entsprechender Größe. <br /><br/>
 <includeonly>|wirdReferenziert=true</includeonly>
 }}