Content Sitebar: Unterschied zwischen den Versionen

(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)

Zeile 1:

{{TechSpecsOnline

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

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

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

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

Zeile 8:

Zeile 9:

|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, ~~wie hier im Beispiel~~:

{{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}

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

}

});

};

window.addEventListener('message', handler);

</syntaxhighlight>}}

=== Tablet FallbackBanner ===

@@ Zeile 1: / Zeile 1: @@
 {{TechSpecsOnline
 |galerie=[[Datei:Online Premium Sitebar Ad.png|200px]]
+|ecoAdLabel=[[Datei:Ecoadlabelhigh.png|x200px]]
 |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}}}}
+|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}}
@@ Zeile 8: / Zeile 9: @@
 |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, wie hier im Beispiel:
+{{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">
-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
+		}
+	});
+  };
+ window.addEventListener('message', handler);
 </syntaxhighlight>}}
 === Tablet FallbackBanner ===