https://techspecs.iqd-ao.de/de/api.php?action=feedcontributions&feedformat=atom&user=AbenekeTechnische Spezifikationen - Benutzerbeiträge [de]2026-08-09T23:04:01ZBenutzerbeiträgeMediaWiki 1.43.1https://techspecs.iqd-ao.de/de/index.php?title=Rollover-Event&diff=4583Rollover-Event2026-07-20T13:12:31Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|galerie=[[Datei:Online_Transformation_Homepage_Takeover_Rollover3.png|200px]]<br />
|beschreibung=Dieses Werbemittel implementiert ein vollflächiges Hintergrundbild im Viewport des Browsers, welches permanent im sichtbaren Bereich des Users fixiert und optional für die Weiterleitung zur Kundenseite klickbar ist. Die Implementierung sieht dabei vor, dass der Hintergrund auch in den weiteren InPage-Buchungspositionen (siehe Banner für Position 2, 4 u. 5) wie beim Blick durch ein Fenster jederzeit sichtbar bleibt. Durch die Beschaltung der Einzelpositionen mit freigestellten Bild-Schrift- Kombinationen entsteht beim Scrollen durch den User ein Rollover-Effekt.<br />
|technischeDaten=Diese Werbeform kombiniert insgesamt 3 Werbeformen + Hintergrundbild auf separaten Platzierungen der Seite. Nachfolgend wird spezifiziert welche Werbeform pro Platzierung möglich ist{{AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=UND<br />
|bezeichnung1=Hintergrundbild<br />
|text1=<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png, gif|gewicht=Initial Load: max. 200 KB}}<br />
}}<br />
|bezeichnung2=P1<br />
|text2=(Bitte 1 von 3 Werbeformen auswählen)<br />
|teil2={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=[[Cinema Ad]]|abmessung={{Abmessung|w=100%-Viewportbreite|h=380}}|format=html5 (statisch oder animiert)|gewicht={{Gewicht Online Standard}}}}<br />
|teil2={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
|teil3={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
}}<br />
|bezeichnung3=P2<br />
|text3=(Bitte 1 von 4 Werbeformen auswählen)<br />
|teil3={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
|teil2={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
|teil3={{Anlieferungselement|bezeichnung=[[Banner 2:1]]|abmessung={{Abmessung|w=1000|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
|teil4={{Anlieferungselement|bezeichnung=[[Banner 1:1]]|abmessung={{Abmessung|w=1000|h=1000}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
}}<br />
|bezeichnung4=P3<br />
|text4=(Bitte 1 von 3 Werbeformen auswählen)<br />
|teil4={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
|teil2={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
}}<br />
}}<br />
|html5={{HTML5|erlaubt=ja|typ=PNG, GIF und HTML5-Zip-File für '''Banner in Positon 2, 4 u. 5'''|anmerkung='''Hintergrundbild''' muss als JPG, PNG oder GIF bereitgestellt werden}}.<br />
|3rdParty={{3rdParty|typ= '''nur''' als <iFrame>-Tag für Banner in Positon 2, 4 u. 5 |plattform=online|erlaubt=ja|}}<br />
|besondereInformation=<br />
{{Baustein|titel=Hintergrundbild|text=Das Hintergrundbild ist in einem 16:9 Format anzuliefern und wird bei Implementierung für die optimierte Darstellung ggf. skaliert. Das dargestellte Format kann dabei von der ursprünglich angelieferten Größe abweichen, um den Viewport des Browsers komplett abzudecken. Dabei kann es dazu kommen, dass Bereiche des Hintergrundes (oben, unten bzw. rechts, links) im nicht sichtbaren Bereich des Browsers dargestellt werden. </br><br />
Die Ausrichtung des Bildes erfolgt zentriert, so dass der Fluchtpunkt des Bildes im Zentrum des Viewports angesiedelt ist. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte) innerhalb ihres Hintergrund-Motives, da für die Sichtbarkeit und Positionstreue je nach Geräteauflösung und Angebotsseite keine Gewährleistung übernommen werden kann. Auf Aussparungen und Weißflächen innerhalb des Hintergrundbilds ist zu verzichten.}}<br />
{{Baustein|titel=Banner für Position 2, 4 u. 5|text=Es ist zu beachten, dass die Werbemittel für die Einzelplatzierungen zum Erhalt des Rollover-Effekts eine transparente Bühne benötigen (siehe Formate). Auch hier ist die Werbeinszenierung unabhängig vom Hintergrund zu gestalten, da evtl. Skalierungseffekte zu abweichende Darstellungen führen können. Einige ältere Browser können Probleme mit der Darstellung von transparenten Bühnen haben (Darstellung ist dann i.d.R. weiß gedeckt). Für diese wenigen noch im Einsatz befindlichen Geräte kann iq digital keine Gewährleistung übernehmen.}}<br />
{{LocalConnectBaustein}}<br />
{{TransparenteIFrames}}<br />
|pagenameEN=Rollover Event<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Page_Skin&diff=4582Page Skin2026-07-20T13:12:08Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|galerie=[[Datei:Online_Sonder_Page_Skin.png|200px]]<br />
|ecoAdLabel=[[Datei:Ecoadlabellang.png|200px]]<br />
|beschreibung=Dieses Werbemittel implementiert ein vollflächiges Hintergrundbild im Viewport des Browsers, welches permanent im sichtbaren Bereich des Users fixiert und optional für die Weiterleitung zur Kundenseite klickbar ist. Die Implementierung sieht dabei vor, dass der Hintergrund auch in der weiteren InPage-Buchungsposition wie beim Blick durch ein Fenster jederzeit sichtbar bleiben kann. Durch die Beschaltung der Einzelposition mit freigestellten Bild-Schrift- Kombination entsteht beim Scrollen durch den User ein Rollover-Effekt.<br />
|technischeDaten=Diese Werbeform besteht aus ein Standard Banner + vollflächiges Hintergrundbild.{{AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=UND<br />
|bezeichnung1=Hintergrundbild<br />
|text1=( Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte) innerhalb ihres Hintergrund-Motives, da für die Sichtbarkeit und Positionstreue je nach Geräteauflösung und Angebotsseite keine Gewährleistung übernommen werden kann. Auf Aussparungen und Weißflächen innerhalb des Hintergrundbilds ist zu verzichten. )<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png, gif|gewicht=Initial Load: max. 200 KB|ecoadgewicht={{Gewicht Online Standard EcoAd}}}}<br />
}}<br />
|bezeichnung2=P2<br />
|text2=(Bitte 1 von 2 Werbeformen auswählen)<br />
|teil2={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}|ecoadgewicht={{Gewicht Online Standard EcoAd}}}}<br />
|teil2={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}|ecoadgewicht={{Gewicht Online Standard EcoAd}}}}<br />
}}<br />
<br />
<br />
}}<br />
|html5={{HTML5|erlaubt=ja|typ=PNG, GIF und HTML5-Zip-File für '''Banner in Positon 2'''|anmerkung='''Hintergrundbild''' muss als JPG, PNG oder GIF bereitgestellt werden}}.<br />
|3rdParty={{3rdParty|typ= '''nur''' als <iFrame>-Tag für Banner in Positon 2 |plattform=online|erlaubt=ja|}}<br />
|besondereInformation=<br />
{{Baustein|titel=Hintergrundbild|text=Das Hintergrundbild ist in einem 16:9 Format anzuliefern und wird bei Implementierung für die optimierte Darstellung ggf. skaliert. Das dargestellte Format kann dabei von der ursprünglich angelieferten Größe abweichen, um den Viewport des Browsers komplett abzudecken. Dabei kann es dazu kommen, dass Bereiche des Hintergrundes (oben, unten bzw. rechts, links) im nicht sichtbaren Bereich des Browsers dargestellt werden. </br><br />
Die Ausrichtung des Bildes erfolgt zentriert, so dass der Fluchtpunkt des Bildes im Zentrum des Viewports angesiedelt ist. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte) innerhalb ihres Hintergrund-Motives, da für die Sichtbarkeit und Positionstreue je nach Geräteauflösung und Angebotsseite keine Gewährleistung übernommen werden kann. Auf Aussparungen und Weißflächen innerhalb des Hintergrundbilds ist zu verzichten. Iq digital behält sich vor in solchen Fällen die Kreation ablehnen.}}<br />
{{Baustein|titel=Banner für Position 2|text=Es ist zu beachten, dass das Werbemittel für die Einzelplatzierung zum Erhalt des Rollover-Effekts eine transparente Bühne benötigt (siehe Formate). Auch hier ist die Werbeinszenierung unabhängig vom Hintergrund zu gestalten, da evtl. Skalierungseffekte zu abweichende Darstellungen führen können. Einige ältere Browser können Probleme mit der Darstellung von transparenten Bühnen haben (Darstellung ist dann i.d.R. weiß gedeckt). Für diese wenigen noch im Einsatz befindlichen Geräte kann iq digital keine Gewährleistung übernehmen.}}<br />
{{LocalConnectBaustein}}<br />
{{TransparenteIFrames}}<br />
|pagenameEN=Page Skin<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Sliding_Skin&diff=4581Sliding Skin2026-07-20T13:11:33Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|galerie=[[Datei:Online_Sonder_Sliding_Skin.png|200px]]<br />
|beschreibung=Das Besondere bei dieser Werbeform ist das Verhalten des zweiten Hintergrundbildes. Dieses slidet mit der horizontalen Position des Mauszeigers und zeigt das dahinterliegende Hintergrundbild.<br/>Dieses Werbemittel implementiert zwei vollflächige Hintergrundbilder im Viewport des Browsers, welche permanent im sichtbaren Bereich des Users fixiert und optional für die Weiterleitung zur Kundenseite klickbar sind. Die Implementierung sieht dabei vor, dass der Hintergrund auch in der weiteren InPage-Buchungsposition wie beim Blick durch ein Fenster jederzeit sichtbar bleiben kann. Durch die Beschaltung der Einzelposition mit freigestellten Bild-Schrift- Kombination entsteht beim Scrollen durch den User ein Rollover-Effekt.<br />
|technischeDaten=Diese Werbeform besteht aus einem Standard Banner + 2 vollflächige Hintergrundbilder.{{AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=UND<br />
|bezeichnung1=Hintergrundbilder<br />
|text1=( Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte) innerhalb ihres Hintergrund-Motives, da für die Sichtbarkeit und Positionstreue je nach Geräteauflösung und Angebotsseite keine Gewährleistung übernommen werden kann. Auf Aussparungen und Weißflächen innerhalb der Hintergrundbilder ist zu verzichten. )<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png, gif}}<br />
}}<br />
|bezeichnung2=P2<br />
|text2=(Bitte 1 von 2 Werbeformen auswählen)<br />
|teil2={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}|ecoadgewicht={{Gewicht Online Standard EcoAd}}}}<br />
|teil2={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}|ecoadgewicht={{Gewicht Online Standard EcoAd}}}}<br />
}}<br />
<br />
<br />
}}<br />
|html5={{HTML5|erlaubt=ja|typ=PNG, GIF und HTML5-Zip-File für '''Banner in Positon 2'''|anmerkung='''Hintergrundbilder''' müssen als JPG, PNG oder GIF bereitgestellt werden}}.<br />
|3rdParty={{3rdParty|typ= '''nur''' als <iFrame>-Tag für Banner in Positon 2 |plattform=online|erlaubt=ja|}}<br />
|besondereInformation=<br />
{{Baustein|titel=Hintergrundbilder|text=Die Hintergrundbilder sind in einem 16:9 Format anzuliefern und werden bei Implementierung für die optimierte Darstellung ggf. skaliert. Das dargestellte Format kann dabei von der ursprünglich angelieferten Größe abweichen, um den Viewport des Browsers komplett abzudecken. Dabei kann es dazu kommen, dass Bereiche des Hintergrundes (oben, unten bzw. rechts, links) im nicht sichtbaren Bereich des Browsers dargestellt werden. </br><br />
Die Ausrichtung des Bildes erfolgt zentriert, so dass der Fluchtpunkt des Bildes im Zentrum des Viewports angesiedelt ist. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte) innerhalb ihrer Hintergrund-Motive, da für die Sichtbarkeit und Positionstreue je nach Geräteauflösung und Angebotsseite keine Gewährleistung übernommen werden kann. Auf Aussparungen und Weißflächen innerhalb der Hintergrundbilder ist zu verzichten. Iq digital behält sich vor in solchen Fällen die Kreation ablehnen.}}<br />
{{Baustein|titel=Banner für Position 2|text=Es ist zu beachten, dass das Werbemittel für die Einzelplatzierung zum Erhalt des Rollover-Effekts eine transparente Bühne benötigt (siehe Formate). Auch hier ist die Werbeinszenierung unabhängig vom Hintergrund zu gestalten, da evtl. Skalierungseffekte zu abweichende Darstellungen führen können. Einige ältere Browser können Probleme mit der Darstellung von transparenten Bühnen haben (Darstellung ist dann i.d.R. weiß gedeckt). Für diese wenigen noch im Einsatz befindlichen Geräte kann iq digital keine Gewährleistung übernehmen.}}<br />
{{LocalConnectBaustein}}<br />
{{Baustein|titel=Klick Tracking|text=Für dieses Werbemittel ist über die gesamte Werbefläche nur eine Click-Command vorgesehen.}}<br />
{{TransparenteIFrames}}<br />
|pagenameEN=Sliding Skin<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Value_Ad&diff=4580Value Ad2026-07-20T13:07:40Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|galerie=[[Datei:Valuead.png|200px]]<br />
|beschreibung=Das Value Ad Werbemittel besteht aus einem vollflächigen Hintergrundbild, einem Standard-Banner und zwei Sitebar-Werbeformen, die zusammen ein aufmerksamkeitsstarkes Gesamtbild ergeben, das maximale Sichtbarkeit und kreative Gestaltungsfreiheit bietet. Das Hintergrundbild bleibt fest im Viewport des Browsers verankert und auch beim Scrollen immer sichtbar. Besonders hervorzuheben sind die beiden Sitebar-Werbeformen, die links und rechts vom Seiteninhalt positioniert sind und durch ihre dauerhafte Präsenz im Blickfeld des Nutzers eine hohe Werbewirkung erzielen. Ergänzt wird das Template durch das harmonisch in den Content integrierte Standardbanner, das den Gesamtauftritt optimal abrundet..<br />
|technischeDaten=Diese Werbeform besteht aus ein Standard Banner + 2 Sitebar Banner + vollflächiges Hintergrundbild.{{AnlieferungKombination<br />
|typ=vertikal<br />
<br />
|zeichen=UND<br />
|bezeichnung1=Hintergrundbild<br />
|text1=( Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte) innerhalb ihres Hintergrund-Motives, da für die Sichtbarkeit und Positionstreue je nach Geräteauflösung und Angebotsseite keine Gewährleistung übernommen werden kann. Auf Aussparungen und Weißflächen innerhalb des Hintergrundbilds ist zu verzichten. )<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png, gif|gewicht=Initial Load: max. 200 KB}}<br />
}}<br />
|zeichen=UND<br />
|bezeichnung2=Komponente 1 (T)<br />
|text2=(Bitte 1 von 2 Werbeformen auswählen)<br />
|teil2={{AnlieferungKombination<br />
|zeichen= <br />
|teil1={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
|teil2={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}<br />
}}<br />
|zeichen=UND<br />
|bezeichnung3=Komponente 2 und 3 (L,R)<br />
|text3=(Bitte 2 Werbeform-Komponenten bereitstellen)<br />
(Bitte den Hintergrund der Werbeformen als “transprent anzulegen” oder sie “korrespondierend mit dem Hintergrund” kennzeichnen)<br />
|teil3={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|abmessung=Dynamisch (=responsiv, =100% x 100%) in Breite und Höhe. Als Orientierung des Seitenverhältnis dient die "Ratio" {{AbmessungRatio|w=1|h=2}} |format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}}}<br />
}}<br />
<br />
}}<br />
|html5={{HTML5|erlaubt=ja|typ=PNG, GIF und HTML5-Zip-File für '''Komponente 1 (T) und Komponente 2 (L,R)'''|anmerkung='''Hintergrundbild''' muss als JPG, PNG oder GIF bereitgestellt werden}}.<br />
|3rdParty={{3rdParty|typ= '''nur''' als <iFrame>-Tag|plattform=online|erlaubt=ja|}}<br />
|besondereInformation=<br />
{{Baustein|titel=Hintergrundbild|text=Das Hintergrundbild ist in einem 16:9 Format anzuliefern und wird bei Implementierung für die optimierte Darstellung ggf. skaliert. Das dargestellte Format kann dabei von der ursprünglich angelieferten Größe abweichen, um den Viewport des Browsers komplett abzudecken. Dabei kann es dazu kommen, dass Bereiche des Hintergrundes (oben, unten bzw. rechts, links) im nicht sichtbaren Bereich des Browsers dargestellt werden. </br><br />
Die Ausrichtung des Bildes erfolgt zentriert, so dass der Fluchtpunkt des Bildes im Zentrum des Viewports angesiedelt ist. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte) innerhalb ihres Hintergrund-Motives, da für die Sichtbarkeit und Positionstreue je nach Geräteauflösung und Angebotsseite keine Gewährleistung übernommen werden kann. Auf Aussparungen und Weißflächen innerhalb des Hintergrundbilds ist zu verzichten. Iq digital behält sich vor in solchen Fällen die Kreation ablehnen.}}<br />
{{Baustein|titel=Banner für Komponente 1 (T)|text=Es ist zu beachten, dass das Werbemittel für die Einzelplatzierung zum Erhalt des Rollover-Effekts eine transparente Bühne benötigt (siehe Formate). Auch hier ist die Werbeinszenierung unabhängig vom Hintergrund zu gestalten, da evtl. Skalierungseffekte zu abweichende Darstellungen führen können. Einige ältere Browser können Probleme mit der Darstellung von transparenten Bühnen haben (Darstellung ist dann i.d.R. weiß gedeckt). Für diese wenigen noch im Einsatz befindlichen Geräte kann iq digital keine Gewährleistung übernehmen.}}<br />
<br />
{{Baustein|titel=Banner für Komponente 2 (L,R)|text=Es ist zu beachten, dass die Outside-Banner eine transparente Bühne benötigen, um optimale Darstellungseffekte zu erzielen. Die Banner sollten entweder als transparent angelegt oder im Design an den Hintergrund angepasst werden. Sie sind dynamisch in Breite und Höhe (responsiv) zu gestalten, wobei das Seitenverhältnis im Format 1:2 als Orientierung dient. Skalierungseffekte können zu abweichenden Darstellungen führen, und für ältere Browser, die möglicherweise Probleme mit der Darstellung transparenter Flächen haben, kann keine Gewährleistung übernommen werden.}}<br />
{{AnzeigenflaecheBaustein}}<br />
{{TransparenteIFrames}}<br />
{{Responsivitaet}}<br />
=== Tablet FallbackBanner ===<br />
</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.<br />
<includeonly>|wirdReferenziert=true</includeonly><br />
}}<br />
{{LocalConnectBaustein}}<br />
|pagenameEN=Value Ad<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4579Vorlage:TransparenteIFrames2026-07-20T13:07:11Z<p>Abeneke: </p>
<hr />
<div>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt in der HTML-Datei hinzugefügt werden vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4578Vorlage:TransparenteIFrames2026-07-20T13:01:48Z<p>Abeneke: /* Transparente iFrames */</p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Komponente 1 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Komponente 2 und 3 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{rolloverEvent|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Rollover-Event || In jeder Werbeform || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{slidingSkin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Sliding Skin || P2 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt in der HTML-Datei hinzugefügt werden vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4577Vorlage:TransparenteIFrames2026-07-20T12:55:13Z<p>Abeneke: /* Transparente iFrames */</p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Komponente 1 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Komponente 2 und 3 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{rolloverEvent|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Rollover-Event || In jeder Werbeform || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{slidingSkin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Sliding Skin || P2 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4544Vorlage:TransparenteIFrames2026-06-09T13:04:25Z<p>Abeneke: </p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Komponente 1 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Komponente 2 und 3 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{rolloverEvent|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Rollover-Event || In jeder Werbeform || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{slidingSkin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Sliding Skin || P2 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Komponente 1 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|-<br />
| Value Ad || Komponente 2 und 3 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|-<br />
| Rollover-Event || In jeder Werbeform || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Sliding Skin || P2 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4543Vorlage:TransparenteIFrames2026-06-08T15:34:56Z<p>Abeneke: </p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{rolloverEvent|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Rollover-Event || In jeder Werbeform || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{slidingSkin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Sliding Skin || P2 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|-<br />
| Rollover-Event || In jeder Werbeform || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Sliding Skin || P2 || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4542Vorlage:TransparenteIFrames2026-06-03T06:55:29Z<p>Abeneke: </p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
const referrer = new URL(document.referrer).hostname;<br />
const origin = new URL(event.origin).hostname;<br />
<br />
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|}<br />
</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4541Vorlage:TransparenteIFrames2026-05-27T13:31:38Z<p>Abeneke: </p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|}<br />
</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4536Vorlage:TransparenteIFrames2026-05-22T15:28:18Z<p>Abeneke: </p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|}<br />
</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4535Vorlage:TransparenteIFrames2026-05-22T15:27:18Z<p>Abeneke: </p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html"></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html"></body></syntaxhighlight>-Tag eingebunden werden.<br />
<br />
<br />
<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|}<br />
</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4534Vorlage:TransparenteIFrames2026-05-22T15:24:31Z<p>Abeneke: </p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument eingebunden werden.<br />
<br />
<br />
<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script></syntaxhighlight><br />
|-<br />
| Value Ad || Top || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|-<br />
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
</syntaxhighlight><br />
|}<br />
</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vorlage:TransparenteIFrames&diff=4533Vorlage:TransparenteIFrames2026-05-20T14:53:22Z<p>Abeneke: Die Seite wurde neu angelegt: „<includeonly>===Transparente iFrames=== Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument e…“</p>
<hr />
<div><includeonly>===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument eingebunden werden.<br />
<br />
<br />
<br />
{{#if:{{{pageskin|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
|}<br />
}}}|<br />
}}<br />
{{#if:{{{valuead|}}}|{{{<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Value Ad || Top || <script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
|-<br />
| Value Ad || Left/Right || <script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
|}<br />
}}}|<br />
}}</includeonly><noinclude><br />
===Transparente iFrames===<br />
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument eingebunden werden.<br />
<br />
<br />
<br />
{| class="wikitable"<br />
|-<br />
! Werbeform !! Position !! Code<br />
|-<br />
| Page Skin || || <script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
|-<br />
| Value Ad || Top || <script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
|-<br />
| Value Ad || Left/Right || <script><br />
window.addEventListener("message", (event) => {<br />
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;<br />
<br />
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';<br />
});<br />
</script><br />
|}<br />
</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Rubriken_Takeover&diff=4523Mobile Rubriken Takeover2026-04-01T08:56:42Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|werbeformKombination=true<br />
|galerie=[[File:Mobile_Homepage_Takeover.png|x400px]]<br />
|beschreibung=Diese Werbeform kombiniert je 1 Werbeform auf 3 separaten Platzierungen der Seite. <br />
|technischeDaten={{AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=UND<br />
|bezeichnung1=P1<br />
|text1=(Bitte nur 1 Werbeform lt. Verkaufsprodukt auswählen)<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1=<br />
<div style="columns:2; -webkit-columns:2; -moz-columns:2;"><br />
<ul><br />
<li>[[Mobile Content Ad 1:1]]</li><br />
<li>[[Mobile Content Ad 2:1]]</li><br />
<li>[[Mobile Content Ad 3:1]]</li><br />
<li>[[Mobile Carousel Ad (horizontal swipe)]]</li><br />
<li>[[Mobile Carousel Ad (vertical swipe)]]</li><br />
<li>[[Mobile Cube Ad]]</li><br />
<li>[[Mobile Medium Rectangle]]</li><br />
<li>[[Mobile Movie Ad]]</li><br />
<li>[[Mobile Premium Rectangle]]</li><br />
<li>[[Mobile Sliding Medium Rectangle]]</li><br />
<li>[[Mobile Sliding Premium Rectangle]]</li><br />
</ul><br />
</div><br />
<br />
}}<br />
|bezeichnung2=P2<br />
|<br />
|text2=(Bitte 1 von 4 Werbeformen auswählen)<br />
|teil2={{AnlieferungKombination<br />
|zeichen=<br />
|teil1=<br />
<div style="columns:2; -webkit-columns:2; -moz-columns:2;"><br />
<ul><br />
<li>[[Mobile Content Ad 1:1]]</li><br />
<li>[[Mobile Content Ad 2:1]]</li><br />
<li>[[Mobile Content Ad 3:1]]</li><br />
<li>[[Mobile Carousel Ad (horizontal swipe)]]</li><br />
<li>[[Mobile Carousel Ad (vertical swipe)]]</li><br />
<li>[[Mobile Cube Ad]]</li><br />
<li>[[Mobile Double Midscroll]]</li><br />
<li>[[Mobile Halfpage Ad]]</li><br />
<li>[[Mobile Horizontal Video Interscroller]]</li><br />
<li>[[Mobile Interscroller]]</li><br />
<li>[[Mobile InTxt Horizontal Video Ad]]</li><br />
<li>[[Mobile InTxt Vertical Video Ad]]</li><br />
<li>[[Mobile Medium Rectangle]]</li><br />
<li>[[Mobile Movie Ad]]</li><br />
<li>[[Mobile Premium Rectangle]]</li><br />
<li>[[Mobile Sliding Medium Rectangle]]</li><br />
<li>[[Mobile Sliding Premium Rectangle]]</li><br />
<li>[[Mobile Vertical Video Interscroller]]</li><br />
</ul><br />
</div><br />
<br />
}}<br />
|bezeichnung3=P3<br />
|text3=(Bitte 1 von 3 Werbeformen auswählen)<br />
|teil3={{AnlieferungKombination<br />
|zeichen=<br />
|teil1=<br />
<div style="columns:2; -webkit-columns:2; -moz-columns:2;"><br />
<ul><br />
<li>[[Mobile Content Ad 1:1]]</li><br />
<li>[[Mobile Content Ad 2:1]]</li><br />
<li>[[Mobile Content Ad 3:1]]</li><br />
<li>[[Mobile Carousel Ad (horizontal swipe)]]</li><br />
<li>[[Mobile Carousel Ad (vertical swipe)]]</li><br />
<li>[[Mobile Cube Ad]]</li><br />
<li>[[Mobile Interscroller]]</li><br />
<li>[[Mobile Medium Rectangle]]</li><br />
<li>[[Mobile Movie Ad]]</li><br />
<li>[[Mobile Premium Rectangle]]</li><br />
<li>[[Mobile Sliding Medium Rectangle]]</li><br />
<li>[[Mobile Sliding Premium Rectangle]]</li><br />
</ul><br />
</div><br />
}}}}<br />
|besondereInformation=<br />
{{LocalConnectBaustein}}<br />
{{ClsBelegungBaustein}}<br />
|html5=<br />
|3rdParty=<br />
|agenturZaehlpixel=<br />
|kategorieAMP=nein<br />
|pagenameEN=CLS - Mobile Homepage Takeover<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Homepage_Takeover&diff=4522Mobile Homepage Takeover2026-04-01T08:51:09Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|werbeformKombination=true<br />
|galerie=[[File:Mobile_Homepage_Takeover.png|x400px]]<br />
|beschreibung=Diese Werbeform kombiniert je 1 Werbeform auf 3 separaten Platzierungen der Seite. <br />
|technischeDaten={{AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=UND<br />
|bezeichnung1=P1<br />
|text1=(Bitte nur 1 Werbeform lt. Verkaufsprodukt auswählen)<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1=<br />
<div style="columns:2; -webkit-columns:2; -moz-columns:2;"><br />
<ul><br />
<li>[[Mobile Content Ad 1:1]]</li><br />
<li>[[Mobile Content Ad 2:1]]</li><br />
<li>[[Mobile Content Ad 3:1]]</li><br />
<li>[[Mobile Carousel Ad (horizontal swipe)]]</li><br />
<li>[[Mobile Carousel Ad (vertical swipe)]]</li><br />
<li>[[Mobile Cube Ad]]</li><br />
<li>[[Mobile Medium Rectangle]]</li><br />
<li>[[Mobile Movie Ad]]</li><br />
<li>[[Mobile Premium Rectangle]]</li><br />
<li>[[Mobile Sliding Medium Rectangle]]</li><br />
<li>[[Mobile Sliding Premium Rectangle]]</li><br />
</ul><br />
</div><br />
<br />
}}<br />
|bezeichnung2=P2<br />
|<br />
|text2=(Bitte 1 von 4 Werbeformen auswählen)<br />
|teil2={{AnlieferungKombination<br />
|zeichen=<br />
|teil1=<br />
<div style="columns:2; -webkit-columns:2; -moz-columns:2;"><br />
<ul><br />
<li>[[Mobile Content Ad 1:1]]</li><br />
<li>[[Mobile Content Ad 2:1]]</li><br />
<li>[[Mobile Content Ad 3:1]]</li><br />
<li>[[Mobile Carousel Ad (horizontal swipe)]]</li><br />
<li>[[Mobile Carousel Ad (vertical swipe)]]</li><br />
<li>[[Mobile Cube Ad]]</li><br />
<li>[[Mobile Double Midscroll]]</li><br />
<li>[[Mobile Halfpage Ad]]</li><br />
<li>[[Mobile Horizontal Video Interscroller]]</li><br />
<li>[[Mobile Interscroller]]</li><br />
<li>[[Mobile InTxt Horizontal Video Ad]]</li><br />
<li>[[Mobile InTxt Vertical Video Ad]]</li><br />
<li>[[Mobile Medium Rectangle]]</li><br />
<li>[[Mobile Movie Ad]]</li><br />
<li>[[Mobile Premium Rectangle]]</li><br />
<li>[[Mobile Sliding Medium Rectangle]]</li><br />
<li>[[Mobile Sliding Premium Rectangle]]</li><br />
<li>[[Mobile Vertical Video Interscroller]]</li><br />
</ul><br />
</div><br />
<br />
}}<br />
|bezeichnung3=P3<br />
|text3=(Bitte 1 von 3 Werbeformen auswählen)<br />
|teil3={{AnlieferungKombination<br />
|zeichen=<br />
|teil1=<br />
<div style="columns:2; -webkit-columns:2; -moz-columns:2;"><br />
<ul><br />
<li>[[Mobile Content Ad 1:1]]</li><br />
<li>[[Mobile Content Ad 2:1]]</li><br />
<li>[[Mobile Content Ad 3:1]]</li><br />
<li>[[Mobile Carousel Ad (horizontal swipe)]]</li><br />
<li>[[Mobile Carousel Ad (vertical swipe)]]</li><br />
<li>[[Mobile Cube Ad]]</li><br />
<li>[[Mobile Interscroller]]</li><br />
<li>[[Mobile Medium Rectangle]]</li><br />
<li>[[Mobile Movie Ad]]</li><br />
<li>[[Mobile Premium Rectangle]]</li><br />
<li>[[Mobile Sliding Medium Rectangle]]</li><br />
<li>[[Mobile Sliding Premium Rectangle]]</li><br />
</ul><br />
</div><br />
}}}}<br />
|besondereInformation=<br />
{{LocalConnectBaustein}}<br />
{{ClsBelegungBaustein}}<br />
|html5=<br />
|3rdParty=<br />
|agenturZaehlpixel=<br />
|kategorieAMP=nein<br />
|pagenameEN=CLS - Mobile Homepage Takeover<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Werbeformen&diff=4521Mobile Werbeformen2026-04-01T08:48:06Z<p>Abeneke: </p>
<hr />
<div><div class="chapterlist"><br />
<div class="clheader">Mobile Werbeformen</div><br />
*[[Allgemeiner Hinweis animierte Werbemittel APPS]]<br />
*Mobile Standardwerbeformen (Web & APP)<br />
*[[Mobile Content Ad 1:1]]<br />
*[[Mobile Content Ad 2:1]]<br />
*[[Mobile Content Ad 3:1]]<br />
*[[Mobile Content Ad 4:1]]<br />
*[[Mobile Content Ad 6:1]]<br />
*[[Mobile Sliding Ad 1:1]]<br />
*[[Mobile Sliding Ad 2:1]]<br />
*[[Mobile Medium Rectangle]]<br />
*[[Mobile Sliding Medium Rectangle]]<br />
*Mobile Sonderwerbeformen (Web & App)<br />
*[[Mobile Premium Rectangle]]<br />
*[[Mobile Sliding Premium Rectangle]]<br />
*[[Mobile Halfpage Ad]]<br />
*[[Mobile Sliding Halfpage Ad]]<br />
*[[Mobile Carousel Ad (horizontal swipe)]]<br />
*[[Mobile Carousel Ad (vertical swipe)]]<br />
*[[Mobile Reel Expander]]<br />
*Mobile Sonderwerbeformen (Web)<br />
*[[Mobile Interscroller]]<br />
*[[Mobile Cube Ad]]<br />
*[[Mobile Double Midscroll]]<br />
*Mobile Fullscreen Werbeformen (APP)<br />
*[[Mobile Fullscreen Ad|Mobile Fullscreen Ad]]<br />
*[[Mobile Preloading Ad]]<br />
*Kombinierte Mobile Werbeformen (Homepage)<br />
*[[Mobile Homepage Takeover]]<br />
*[[Mobile Rollover-Event Takeover]]<br />
*Kombinierte Mobile Werbeformen (Rubriken)<br />
*[[Mobile Rubriken Takeover]]<br />
*[[Mobile Interscroller Takeover]]<br />
*Kombinierte Mobile Werbeformen (TKP)<br />
*[[AdBundle Mobile]]<br />
*Mobile Native Werbeformen<br />
*[[Native Ad click-out]]<br />
</div><br />
<noinclude>[[Kategorie:Mobile]][[en:Mobile ads]]</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4520Mobile Double Midscroll2026-04-01T08:19:00Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Der '''Double Mobile Midscroll''' erscheint, sobald der Nutzer über den Seiteninhalt hinaus scrollt, und bleibt bis zu einer Scrollstrecke von '''zwei Fensterhöhen''' sichtbar. Ergänzende Effekte – wie etwa ein transparenter Layer, der sich abhängig vom Scrollverhalten über das Creative oder Video legt – können optional integriert werden und steigern bei Bedarf die visuelle Aufmerksamkeit.<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Mobile Double Midscroll<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|VideoBaustein=<br />
|gewichtBerechnung=<br />
|KlickTracking=<br />
|html5={{Baustein|titel= als Physische Datei|text=Anlieferung: '''Video''' als MP4-Datei, '''Bilder''' als JPG, WEBP und '''Transparenter Layer''' als PNG Dateien sind möglich.<br />
<br />
Um optimale Ergebnisse zu erzielen, sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren, da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden.}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4519Mobile Double Midscroll2026-04-01T08:00:12Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Der '''Double Mobile Midscroll''' erscheint, sobald der Nutzer über den Seiteninhalt hinaus scrollt, und bleibt bis zu einer Scrollstrecke von '''zwei Fensterhöhen''' sichtbar. Ergänzende Effekte – wie etwa ein transparenter Layer, der sich abhängig vom Scrollverhalten über das Creative oder Video legt – können optional integriert werden und steigern bei Bedarf die visuelle Aufmerksamkeit.<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Mobile Double Midscroll<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|VideoBaustein=<br />
|gewichtBerechnung=<br />
|html5={{Baustein|titel= als Physische Datei|text=Anlieferung: '''Video''' als MP4-Datei, '''Bilder''' als JPG, WEBP und '''Transparenter Layer''' als PNG Dateien sind möglich.<br />
<br />
Um optimale Ergebnisse zu erzielen, sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren, da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden.}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Video_Werbeformen&diff=4518Video Werbeformen2026-03-31T08:15:49Z<p>Abeneke: </p>
<hr />
<div><div class="chapterlist"><br />
<div class="clheader">Video Werbeformen</div><br />
*Out-Stream - Stationär<br />
*[[Inline Video Expand]]<br />
*[[InTxt Horizontal Video Ad]]<br />
*[[Video Branding Ad]]<br />
*[[Horizontal Video Interscroller]]<br />
*[[Vertical Video Sitebar Ad]]<br />
*[[Vertical Stories Video Ad]]<br />
*Out-Stream - Mobile<br />
*[[Mobile InTxt Horizontal Video Ad]]<br />
*[[Mobile InTxt Vertical Video Ad]]<br />
*[[Mobile Movie Ad]]<br />
*[[Mobile Horizontal Video Interscroller]]<br />
*[[Mobile Vertical Video Interscroller]]<br />
<!--*[[Mobile Video Branding Ad]]--><br />
<!--*Out-Stream - Kombinierte Werbeformen--><br />
<!--*[[Video Branding Ad - Takeover]]--><br />
*In-Stream - Linear Video Ads<br />
*[[Non Skippable Ad|Non Skippable Ad]]<br />
*[[Bumper Ad|Bumper Ad]]<br />
*[[In-Stream Vertical Video Ad]]<br />
<!--*[[Stories Vertical Video Ad]]--><br />
</div><br />
<noinclude>[[Kategorie:Video]][[en:Video ads]]</noinclude></div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vertical_Stories_Video_Ad&diff=4517Vertical Stories Video Ad2026-03-31T06:51:47Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|beschreibung=Das Vertical Stories Video Ad verleitet mit seinem Social Story Look die Nutzer:innen dazu mit den Videoinhalten zu interagieren. Die Werbeform ist interaktiv und sorgt für eine längere Betrachtungsdauer. Das Format vereint hohe Sichtbarkeit und aktive Nutzerinteraktion.<br />
|galerie=<br />
<div class="bold">Desktop</div><br />
[[Datei:Vertical stories video ad.png|200px]]<br />
<div class="bold">Desktop expandiert</div><br />
[[Datei:Vertical stories video ad expanded.png|200px]]<br />
<div class="bold">Mobil</div><br />
[[Datei:Vertical stories video ad mobile.png|200px]]<br />
<div class="bold">Mobil expandiert</div><br />
[[Datei:Vertical stories video ad mobile expanded.png|200px]]<br />
|technischeDaten={{AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=<br />
|bezeichnung1=Vertical Stories Video Ad<br />
|text1=<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=mindestens 1080|h=1920}}|seitenverhaeltnis=9:16|dauer=max. 3 Minuten pro Video|format=<ul><li>Video: .MP4-Datei H.264, .MOV-Datei</li><li>Bilder: PNG</li></ul>|custom=<div class="anmerkung"><div class="bezeichnung">Anzahl an Videos:</div><div class="wert">max. 8</div></div>|gewicht=<ul><li>Video: Keine maximale Dateigröße</li><li>Bilder: {{Gewicht|w=200|typ=KB}}</li></ul>|custom2=<div class="anmerkung"><div class="bezeichnung">Logo:</div><div class="wert">Bild - 36x36px (1:1), PNG</div></div>|custom3=<div class="anmerkung"><div class="bezeichnung">Headline:</div><div class="wert">max. 70 Zeichen (35 pro Zeile)</div></div>|custom4=<div class="anmerkung"><div class="bezeichnung">CTA Button:</div><div class="wert">max. 25 Zeichen (im Carousel), 35 (im Fullscreen)</div></div>}}}}}}<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|besondereInformation=<br />
{{Baustein|titel=Funktionsweise|text=Wenn das Vertical Stories Video Ad in den sichtbaren Bereich des Users gescrollt wird, startet das erste Video (Erstes Video von Links) ohne Ton. Die Höhe des Videos ergibt sich durch das 9:16-Format. Das Video wird im Carousel nicht ganzheitlich abgespielt, sondern läuft für ein paar Sekunden in Wiederholung, solange es sich im Sichtfeld des Users befindet. Die Höhe des Videos ergibt sich durch das 9:16-Format. Erst beim Klick auf eines der Videos wird dieses ganzheitlich im Fullscreen abgespielt, inklusive Ton. Der Ton wird grundsätzlich durch Klick auf das entsprechende Video gestartet.}}<br />
{{Baustein|titel=Ton|text=Der Ton wird grundsätzlich durch Klick auf das entsprechende Video gestartet.}}<br />
|kategorieVideo=ja<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vertical_Stories_Video_Ad&diff=4515Vertical Stories Video Ad2026-03-30T09:55:46Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|beschreibung=Das Vertical Stories Video Ad verleitet mit seinem Social Story Look die Nutzer:innen dazu mit den Videoinhalten zu interagieren. Die Werbeform ist interaktiv und sorgt für eine längere Betrachtungsdauer. Das Format vereint hohe Sichtbarkeit und aktive Nutzerinteraktion.<br />
|galerie=<br />
<div class="bold">Desktop</div><br />
[[Datei:Vertical stories video ad.png|200px]]<br />
<div class="bold">Desktop expandiert</div><br />
[[Datei:Vertical stories video ad expanded.png|200px]]<br />
<div class="bold">Mobile</div><br />
[[Datei:Vertical stories video ad mobile.png|200px]]<br />
<div class="bold">Mobil expandiert</div><br />
[[Datei:Vertical stories video ad mobile expanded.png|200px]]<br />
|technischeDaten={{AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=<br />
|bezeichnung1=Vertical Stories Video Ad<br />
|text1=<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=mindestens 1080|h=1920}}|seitenverhaeltnis=9:16|dauer=max. 3 Minuten pro Video|format=<ul><li>Video: .MP4-Datei H.264, .MOV-Datei</li><li>Bilder: PNG</li></ul>|custom=<div class="anmerkung"><div class="bezeichnung">Anzahl an Videos:</div><div class="wert">max. 8</div></div>|gewicht=<ul><li>Video: Keine maximale Dateigröße</li><li>Bilder: {{Gewicht|w=200|typ=KB}}</li></ul>|custom2=<div class="anmerkung"><div class="bezeichnung">Logo:</div><div class="wert">Bild - 36x36px (1:1), PNG</div></div>|custom3=<div class="anmerkung"><div class="bezeichnung">Headline:</div><div class="wert">max. 70 Zeichen (35 pro Zeile)</div></div>|custom4=<div class="anmerkung"><div class="bezeichnung">CTA Button:</div><div class="wert">max. 25 Zeichen (im Carousel), 35 (im Fullscreen)</div></div>}}}}}}<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|besondereInformation=<br />
{{Baustein|titel=Funktionsweise|text=Wenn das Vertical Stories Video Ad in den sichtbaren Bereich des Users gescrollt wird, startet das erste Video (Erstes Video von Links) ohne Ton. Die Höhe des Videos ergibt sich durch das 9:16-Format. Das Video wird im Carousel nicht ganzheitlich abgespielt, sondern läuft für ein paar Sekunden in Wiederholung, solange es sich im Sichtfeld des Users befindet. Die Höhe des Videos ergibt sich durch das 9:16-Format. Erst beim Klick auf eines der Videos wird dieses ganzheitlich im Fullscreen abgespielt, inklusive Ton. Der Ton wird grundsätzlich durch Klick auf das entsprechende Video gestartet.}}<br />
{{Baustein|titel=Ton|text=Der Ton wird grundsätzlich durch Klick auf das entsprechende Video gestartet.}}<br />
|kategorieVideo=ja<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Datei:Vertical_stories_video_ad.png&diff=4514Datei:Vertical stories video ad.png2026-03-30T09:51:54Z<p>Abeneke: </p>
<hr />
<div>Schematische Darstellung von Vertical stories video ad</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Datei:Vertical_stories_video_ad_mobile.png&diff=4513Datei:Vertical stories video ad mobile.png2026-03-30T09:49:27Z<p>Abeneke: </p>
<hr />
<div>Schematische Darstellung von Vertical stories video ad mobil</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Datei:Vertical_stories_video_ad_mobile_expanded.png&diff=4512Datei:Vertical stories video ad mobile expanded.png2026-03-30T09:48:51Z<p>Abeneke: </p>
<hr />
<div>Schematische Darstellung von Vertical stories video ad mobil expandiert</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Datei:Vertical_stories_video_ad_expanded.png&diff=4511Datei:Vertical stories video ad expanded.png2026-03-30T09:47:46Z<p>Abeneke: </p>
<hr />
<div>Schematische Darstellung von Vertical stories video ad expandiert</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vertical_Stories_Video_Ad&diff=4510Vertical Stories Video Ad2026-03-30T09:43:00Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|beschreibung=Das Vertical Stories Video Ad verleitet mit seinem Social Story Look die Nutzer:innen dazu mit den Videoinhalten zu interagieren. Die Werbeform ist interaktiv und sorgt für eine längere Betrachtungsdauer. Das Format vereint hohe Sichtbarkeit und aktive Nutzerinteraktion.<br />
|galerie=<br />
<div class="bold">Desktop</div><br />
[[Datei:StoriesVerticalVideoAd_desktop.jpg||200px]]<br />
<div class="bold">Mobile</div><br />
[[Datei:StoriesVerticalVideoAd_mobile.jpg||200px]]<br />
|technischeDaten={{AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=<br />
|bezeichnung1=Vertical Stories Video Ad<br />
|text1=<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=mindestens 1080|h=1920}}|seitenverhaeltnis=9:16|dauer=max. 3 Minuten pro Video|format=<ul><li>Video: .MP4-Datei H.264, .MOV-Datei</li><li>Bilder: PNG</li></ul>|custom=<div class="anmerkung"><div class="bezeichnung">Anzahl an Videos:</div><div class="wert">max. 8</div></div>|gewicht=<ul><li>Video: Keine maximale Dateigröße</li><li>Bilder: {{Gewicht|w=200|typ=KB}}</li></ul>|custom2=<div class="anmerkung"><div class="bezeichnung">Logo:</div><div class="wert">Bild - 36x36px (1:1), PNG</div></div>|custom3=<div class="anmerkung"><div class="bezeichnung">Headline:</div><div class="wert">max. 70 Zeichen (35 pro Zeile)</div></div>|custom4=<div class="anmerkung"><div class="bezeichnung">CTA Button:</div><div class="wert">max. 25 Zeichen (im Carousel), 35 (im Fullscreen)</div></div>}}}}}}<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|besondereInformation=<br />
{{Baustein|titel=Funktionsweise|text=Wenn das Vertical Stories Video Ad in den sichtbaren Bereich des Users gescrollt wird, startet das erste Video (Erstes Video von Links) ohne Ton. Die Höhe des Videos ergibt sich durch das 9:16-Format. Das Video wird im Carousel nicht ganzheitlich abgespielt, sondern läuft für ein paar Sekunden in Wiederholung, solange es sich im Sichtfeld des Users befindet. Die Höhe des Videos ergibt sich durch das 9:16-Format. Erst beim Klick auf eines der Videos wird dieses ganzheitlich im Fullscreen abgespielt, inklusive Ton. Der Ton wird grundsätzlich durch Klick auf das entsprechende Video gestartet.}}<br />
{{Baustein|titel=Ton|text=Der Ton wird grundsätzlich durch Klick auf das entsprechende Video gestartet.}}<br />
|kategorieVideo=ja<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Stories_Vertical_Video_Ad&diff=4509Stories Vertical Video Ad2026-03-30T09:17:46Z<p>Abeneke: Die Seite wurde neu angelegt: „{{TechSpecsOnline |beschreibung=Das Vertical Stories Video Ad verleitet mit seinem Social Story Look die Nutzer:innen dazu mit den Videoinhalten zu interagieren. Die Werbeform ist interaktiv und sorgt für eine längere Betrachtungsdauer. Das Format vereint hohe Sichtbarkeit und aktive Nutzerinteraktion. |galerie= <div class="bold">Desktop</div> 200px <div class="bold">Mobile</div> Datei:StoriesVerticalVideo…“</p>
<hr />
<div>{{TechSpecsOnline<br />
|beschreibung=Das Vertical Stories Video Ad verleitet mit seinem Social Story Look die Nutzer:innen dazu mit den Videoinhalten zu interagieren. Die Werbeform ist interaktiv und sorgt für eine längere Betrachtungsdauer. Das Format vereint hohe Sichtbarkeit und aktive Nutzerinteraktion.<br />
|galerie=<br />
<div class="bold">Desktop</div><br />
[[Datei:StoriesVerticalVideoAd_desktop.jpg||200px]]<br />
<div class="bold">Mobile</div><br />
[[Datei:StoriesVerticalVideoAd_mobile.jpg||200px]]<br />
|technischeDaten={{AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=<br />
|bezeichnung1=Vertical Stories Video Ad<br />
|text1=<br />
|teil1={{AnlieferungKombination<br />
|zeichen=<br />
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=mindestens 1080|h=1920}}|seitenverhaeltnis=9:16|dauer=max. 3 Minuten pro Video|format=<ul><li>Video: .MP4-Datei H.264, .MOV-Datei</li><li>Bilder: PNG</li></ul>|gewicht={{Gewicht|w=4|typ=MB}}}}}}}}<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=ja|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|besondereInformation=<br />
{{Baustein|titel=Generell|text=Wenn Sie keine adäquate Konvertierung vornehmen können, stellen Sie uns bitte Ihre Video-Datei in hoher Qualität (bis zu 1GB) über Ihren Webserver (z.B. per FTP) zur Verfügung. Die iq digital übernimmt in diesem Fall die Komprimierung für Sie.<br />Verfügbare Targeting-Möglichkeiten bieten wir Ihnen auf Anfrage.}}<br />
{{VastRedirect}}<br />
|kategorieVideo=ja<br />
|soundAnimationPerformance=<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Vertical_Stories_Video_Ad&diff=4503Vertical Stories Video Ad2026-03-30T09:08:27Z<p>Abeneke: Abeneke verschob die Seite Stories Vertical Video Ad nach Vertical Stories Video Ad, ohne dabei eine Weiterleitung anzulegen: Falsch geschriebener Name</p>
<hr />
<div>{{TechSpecsOnline<br />
|beschreibung=Stories Vertical Video Ad, welches übersprungen werden kann. Die maximale Dauer der Werbebotschaft ist 120 Sekunden.<br />
|galerie=<br />
<div class="bold">Desktop</div><br />
[[Datei:StoriesVerticalVideoAd_desktop.jpg||200px]]<br />
<div class="bold">Mobile</div><br />
[[Datei:StoriesVerticalVideoAd_mobile.jpg||200px]]<br />
|technischeDaten={{Anlieferungselement|bezeichnung=Stories Vertical Video Ad|abmessung={{Abmessung|w=mindestens 1080|h=1920}}|seitenverhaeltnis=9:16|dauer=max. 120 Sekunden|format=.MP4-Datei H.264|gewicht={{Gewicht|w=4|typ=MB}}}}<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=ja|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|besondereInformation=<br />
{{Baustein|titel=Generell|text=Wenn Sie keine adäquate Konvertierung vornehmen können, stellen Sie uns bitte Ihre Video-Datei in hoher Qualität (bis zu 1GB) über Ihren Webserver (z.B. per FTP) zur Verfügung. Die iq digital übernimmt in diesem Fall die Komprimierung für Sie.<br />Verfügbare Targeting-Möglichkeiten bieten wir Ihnen auf Anfrage.}}<br />
{{VastRedirect}}<br />
|kategorieVideo=ja<br />
|soundAnimationPerformance=<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4502Mobile Double Midscroll2026-03-30T06:07:08Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Der '''Double Mobile Midscroll''' erscheint, sobald der Nutzer über den Seiteninhalt hinaus scrollt, und bleibt bis zu einer Scrollstrecke von '''zwei Fensterhöhen''' sichtbar. Ergänzende Effekte – wie etwa ein transparenter Layer, der sich abhängig vom Scrollverhalten über das Creative oder Video legt – können optional integriert werden und steigern bei Bedarf die visuelle Aufmerksamkeit.<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Mobile Double Midscroll<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|VideoBaustein=<br />
|gewichtBerechnung=<br />
|html5={{Baustein|titel= als Physische Datei|text=Anlieferung: '''Video''' als MP4-Datei, '''Bilder''' als JPG, WEBP und '''Transparenter Layer''' als PNG Dateien sind möglich.<br />
<br />
Um optimale Ergebnisse zu erzielen, sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren, da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden.}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4501Mobile Double Midscroll2026-03-27T12:03:18Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Der '''Double Mobile Midscroll''' erscheint, sobald der Nutzer über den Seiteninhalt hinaus scrollt, und bleibt bis zu einer Scrollstrecke von '''zwei Fensterhöhen''' sichtbar. Ergänzende Effekte – wie etwa ein transparenter Layer, der sich abhängig vom Scrollverhalten über das Creative oder Video legt – können optional integriert werden und steigern bei Bedarf die visuelle Aufmerksamkeit.<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Mobile Double Midscroll<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|VideoBaustein=<br />
|html5={{Baustein|titel= als Physische Datei|text=Anlieferung: '''Video''' als MP4-Datei, '''Bilder''' als JPG, WEBP und '''Transparenter Layer''' als PNG Dateien sind möglich.<br />
<br />
Um optimale Ergebnisse zu erzielen, sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren, da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden.}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4500Mobile Double Midscroll2026-03-27T10:24:01Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Mobile Double Midscroll<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|VideoBaustein=<br />
|html5={{Baustein|titel= als Physische Datei|text=Anlieferung: '''Video''' als MP4-Datei, '''Bilder''' als JPG, WEBP und '''Transparenter Layer''' als PNG Dateien sind möglich.<br />
<br />
Um optimale Ergebnisse zu erzielen, sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren, da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden.}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4498Mobile Double Midscroll2026-03-27T07:48:02Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Mobile Double Midscroll<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|VideoBaustein=<br />
|html5={{Baustein|titel= als Physische Datei|text=Anlieferung: '''Video''' als MP4-Datei, '''Bilder''' als JPG, WEBP und '''Transparenter Layer''' als PNG Dateien sind möglich.<br />
<br />
Um optimale Ergebnisse zu erzielen, sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren, da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden.}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4497Mobile Double Midscroll2026-03-26T15:02:08Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|VideoBaustein=<br />
|html5={{Baustein|titel= als Physische Datei|text=Anlieferung: '''Video''' als MP4-Datei, '''Bilder''' als JPG, WEBP und '''Transparenter Layer''' als PNG Dateien sind möglich.<br />
<br />
Um optimale Ergebnisse zu erzielen, sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren, da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden.}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Breaking_Ad&diff=4496Breaking Ad2026-03-26T15:01:52Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|galerie=[[Datei:NLBreakingAd.png|200px]]<br />
|ecoAdLabel=[[Datei:Ecoadlabellang.png|200px]]<br />
|beschreibung=Brandingstarkes Display Werbemittel in allen Newslettern<br />
|anlieferungStandard=<br />
|anlieferungSonder=5<br />
|technischeDaten={{Anlieferungselement|bezeichnung=[[Breaking Ad]]|abmessung={{Abmessung|w=600|h=200}}|format=jpg, png|gewicht=max. 200 Kb|ecoadgewicht=max. 40 Kb}}<br />
|grundsaetzlich=<br />
|html5={{Baustein|titel=als Physische Datei|text=Anlieferung '''nur''' als JPG, PNG möglich. '''Hinweis''': Pro Schaltung (Woche/Newsletter) kann maximal ein Motiv und eine Ziel-URL hinterlegt werden.}}<br />
|3rdParty=<br />
|sslKurz=<br />
|besondereInformation=<br />
{{Baustein|titel=Klick-Tracking (als URL)|text=External Campaign Tracking Pixel kann hinzugefügt werden ( 1x1 Tracking Pixel URL, ohne Script)}}<br />
|positionierung=<br />
|gewichtBerechnung=<br />
|positionierung=<br />
|soundAnimationPerformance=<br />
|videoBaustein=<br />
|klickTracking=<br />
|tracking=<br />
|gdprMacro=<br />
|werbekennzeichnung=<br />
}}<br />
<br />
[[Kategorie:Newsletter]][[Kategorie:Newsletter]]</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Breaking_Ad&diff=4495Breaking Ad2026-03-26T15:01:32Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|galerie=[[Datei:NLBreakingAd.png|200px]]<br />
|ecoAdLabel=[[Datei:Ecoadlabellang.png|200px]]<br />
|beschreibung=Brandingstarkes Display Werbemittel in allen Newslettern<br />
|anlieferungStandard=<br />
|anlieferungSonder=5<br />
|technischeDaten={{Anlieferungselement|bezeichnung=[[Breaking Ad]]|abmessung={{Abmessung|w=600|h=200}}|format=jpg, png|gewicht=max. 200 Kb|ecoadgewicht=max. 40 Kb}}<br />
|grundsaetzlich=<br />
|html5={{Baustein|titel=als Physische Datei|text=Anlieferung '''nur''' als JPG, PNG möglich. '''Hinweis''': Pro Schaltung (Woche/Newsletter) kann maximal ein Motiv und eine Ziel-URL hinterlegt werden.}}<br />
|3rdParty=<br />
|sslKurz=<br />
|besondereInformation=<br />
{{Baustein|titel=Klick-Tracking (als URL)|text=External Campaign Tracking Pixel kann hinzugefügt werden ( 1x1 Tracking Pixel URL, ohne Script)}}<br />
|positionierung=<br />
|gewichtBerechnung=<br />
|positionierung=<br />
|soundAnimationPerformance=<br />
|VideoBaustein=<br />
|klickTracking=<br />
|tracking=<br />
|gdprMacro=<br />
|werbekennzeichnung=<br />
}}<br />
<br />
[[Kategorie:Newsletter]][[Kategorie:Newsletter]]</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4494Mobile Double Midscroll2026-03-26T14:48:11Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|videoBaustein=<br />
|html5={{Baustein|titel= als Physische Datei|text=Anlieferung: '''Video''' als MP4-Datei, '''Bilder''' als JPG, WEBP und '''Transparenter Layer''' als PNG Dateien sind möglich.<br />
<br />
Um optimale Ergebnisse zu erzielen, sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren, da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden.}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=In-Stream_Vertical_Video_Ad&diff=4493In-Stream Vertical Video Ad2026-03-26T12:16:56Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsOnline<br />
|galerie=[[Datei:instreamverticalvideoad.png|200px]]<br />
|beschreibung=In-Stream Vertical Video Ad, was durch den Nutzer sofort übersprungen werden kann.<br />
|technischeDaten={{Anlieferungselement|bezeichnung=In-Stream Vertical Video Ad|abmessung={{Abmessung|w=mindestens 1080|h=1920}}|seitenverhaeltnis=&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9:16|dauer= Unbegrenzt (User kann die Werbeanzeige direkt überspringen)|format=.MP4-Datei H.264|gewicht={{Gewicht|w=4|typ=MB (nur bei Redirects)}}}}<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|besondereInformation={{Baustein|titel=Generell|text=Wenn Sie keine adäquate Konvertierung vornehmen können, stellen Sie uns bitte Ihre Video-Datei in hoher Qualität über Ihren Webserver (z.B. per FTP) zur Verfügung. Die iq digital übernimmt in diesem Fall die Komprimierung für Sie.<br />
Verfügbare Targeting-Möglichkeiten bieten wir Ihnen auf Anfrage.<br />
}}<br />
{{VastRedirect}}<br />
|kategorieVideo=ja<br />
|soundAnimationPerformance=<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4492Mobile Double Midscroll2026-03-26T10:46:00Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|html5={{Baustein|titel= als Physische Datei|text=Anlieferung: '''Video''' als MP4-Datei, '''Bilder''' als JPG, WEBP und '''Transparenter Layer''' als PNG Dateien sind möglich.<br />
<br />
Um optimale Ergebnisse zu erzielen, sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren, da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden.}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4491Mobile Double Midscroll2026-03-26T10:20:09Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|html5={{Baustein|titel= als Physische Datei|text=}}<br />
<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4490Mobile Double Midscroll2026-03-26T10:17:09Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|erlaubt=nein}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4489Mobile Double Midscroll2026-03-26T10:16:15Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4488Mobile Double Midscroll2026-03-26T10:09:10Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4487Mobile Double Midscroll2026-03-26T07:47:51Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile Double Midscroll.jpg|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Datei:Mobile_Double_Midscroll.jpg&diff=4486Datei:Mobile Double Midscroll.jpg2026-03-26T07:47:18Z<p>Abeneke: </p>
<hr />
<div>Mobile Double Midscroll Bild</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4485Mobile Double Midscroll2026-03-26T07:44:27Z<p>Abeneke: </p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile_Content_Video_Ad.png|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild|anmerkung=<ul><li>Wird über Hintergrund gelegt und hochgeschoben</li><li>Kein unnötiger leerer Raum im PNG</li><li>Ausreichender Kontrast empfohlen (z. B. Schatten)</li></ul><br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}<br />
{{Baustein|titel=Skalierung|text=Die Assets werden '''fullscreen gestreckt und''' Randbereiche können auf manchen Geräten abgeschnitten werden. '''Wichtige Inhalte müssen daher zentral platziert und es sollten 15% des Randes oben, unten, links, rechts frei gelassen werden.'''}}<br />
{{Baustein|titel=Overlay (optional)|text=Transparenter Overlay zum Transport statischer Inhalte, die das Video / Bild beim scrollen überdecken}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
}}</div>Abenekehttps://techspecs.iqd-ao.de/de/index.php?title=Mobile_Double_Midscroll&diff=4484Mobile Double Midscroll2026-03-25T09:14:11Z<p>Abeneke: Die Seite wurde neu angelegt: „{{TechSpecsMobile |anlieferungStandard=5 |anlieferungSonder= |galerie=x300px |beschreibung=Beschreibung??? |technischeDaten={{ AnlieferungKombination |typ=vertikal |zeichen=ODER |bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1 |teil1={{AnlieferungKombination |zeichen=und |teil1={{ Anlieferungselement|bezeichnung…“</p>
<hr />
<div>{{TechSpecsMobile<br />
|anlieferungStandard=5<br />
|anlieferungSonder=<br />
|galerie=[[Datei:Mobile_Content_Video_Ad.png|x300px]]<br />
|beschreibung=Beschreibung???<br />
|technischeDaten={{<br />
AnlieferungKombination<br />
|typ=vertikal<br />
|zeichen=ODER<br />
|bezeichnung1=Mobile Double Midscroll <br>Möglichkeit 1<br />
|teil1={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung2=Möglichkeit 2<br />
|teil2={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
}}<br />
|bezeichnung3=Möglichkeit 3<br />
|teil3={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Bild|abmessung={{Abmessung|w=1080|h=1920}}|format=jpg, webp|gewicht=max. 250kb pro Bild<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
|bezeichnung4=Möglichkeit 4<br />
|teil4={{AnlieferungKombination<br />
|zeichen=und<br />
|teil1={{<br />
Anlieferungselement|bezeichnung=Hintergrund Video|abmessung={{Abmessung|w=1080|h=1920}}|format=mp4|gewicht=max. 30mb<br />
}}<br />
|teil2={{<br />
Anlieferungselement|bezeichnung=Overlay Bild (mit Transparenz)|abmessung={{Abmessung|w=Flexible Größe (max. 1080|h=1920)}}|format=png|gewicht=max. 250kb pro Bild<br />
}}<br />
}}<br />
}}<br />
|besondereInformation={{Baustein|titel=WLAN-Targeting|text='''WLAN-Targeting ist erforderlich'''}}<br />
{{VastRedirect}}<br />
|endgeraete=nur IOS- und Android-fähige Endgeräte<br />
|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}<br />
|sortierung=Content Video Ad<br />
|kategorieAPP=nein<br />
|kategorieAMP=nein<br />
|html5={{HTML5|erlaubt=ja|typ=MP4 Dateien}}<br />
}}</div>Abeneke