Content Sitebar: Unterschied zwischen den Versionen

Content Sitebar (Quelltext anzeigen)

361 Bytes hinzugefügt , 15. September 2023

keine Bearbeitungszusammenfassung

563

Bearbeitungen

@@ Zeile 9: / Zeile 9: @@
 ;<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 (Werte sind ganze Zahlen: 0,1..10,11,12..30..50..99,100) abgefragt werden, wie hier im Beispiel:
+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 ===