Technische Spezifikationen - Benutzerbeiträge [de]

Dateigewichte und Ladephasen

2024-11-13T14:34:29Z

Efeigegernoth: /* Advalidator (Tool zur Überprüfung Dateigewichte in Ladephasen) */

==Dateigewichte==
Um die User-Experience und Load Performance einer Website positiv zu gestalten, müssen die Anzahl und das Gewicht der Komponenten einer Werbeanzeige so klein wie möglich gehalten werden.
{| class="wikitable"
| style="height:50px; width:850px; text-align:left;font-size:16px" | Das max. Gewicht der spezifizierten Werbeformkomponente bezieht sich auf den Wert nachdem die Dateien gzip komprimiert wurden
|}

===Heavy Ad Intervention===
Der Google Chrome Browser installiert das Feature zum Schutz vor ressourcenintensiven Anzeigen seit August 2020 ab Version 85 und größer. Dabei legt der Chrome Mechanismus '''Grenzwerte''' für „Ad“-Ressourcen fest (CPU-Last / geladene MB) und '''entfernt''' Anzeigen von der Seite, die diese Grenzwerte überschreiten.

{| class="wikitable"
| style="height:50px; width:850px; text-align:left;font-size:16px" | Eine Anzeige gilt dabei im Sinne der geladenen MB als schwer, wenn der Nutzer '''nicht zuvor mit ihr interagiert hat''' und '''die Anzeige mehr als 4 MB Netzwerkbandbreite verwendet''' (z.B. automatisches Laden von Bewegtbild-Inhalten ohne Klick durch User). Des weiteren kann auch die '''CPU-Last''' bei Verwendung des Haupt-Threads durch das Anzeige-Scripting maßgeblich für die Entfernung durch den Browser sein (siehe Informationen Sound u. Animation auf TSpecs-Seiten)
|}

Die Technischen Spezifikationen von iq digital für die Werbemittelbereitstellung zeigen, dass das gegenwärtige Produktangebot bzgl. möglicher Grenzwertüberschreitung gut aufgestellt ist. Bitte halten sie sich bereits bei Anlieferung an die darin formulierten Vorgaben, um Korrekturschleifen durch die Kreation zu vermeiden. iq digital übernimmt keine Verantwortung für vom Browser entladene Anzeigen.

==Ladephasen==
Im Zuge der Veröffentlichung der LEAN Richtlinien und des New Ad Portfolios durch das IAB Tech Lab wurde das Konzept von Initial-/Subload eingeführt, um den bisherigen „Polite Download“ abzulösen. Dieses Konzept sieht die Zweiteilung des Gesamtdateigewichtes in einen initialen und einen nachgeladenen Anteil vor. Das Laden der Werbeinhalte wird zunächst auf den initialen Anteil begrenzt, um die Ladezeiten der Webseiten zu optimieren und die Nutzerwahrnehmung zu steigern. Welche Werbeformen einen Subload zulassen, ist den Einzelspezifikationen definiert - '''Initial File Load ist für alle Werbeformen obligatorisch'''.

===Initial File Load (Initialload)===
Diese Phase beschreibt das Dateigewicht, das bei initialen Abruf durch den Browser geladen werden darf:
{| class="wikitable"
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Desktop'''
| style="height:50px; width:500px; text-align:left;font-size:16px" |Initial Load: max. 200 KB (insofern innerhalb Spezifikation nicht anders definiert)
|-
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Desktop eco ad®'''
| style="height:50px; width:500px; text-align:left;font-size:16px" |Initial Load: max. 140 KB (insofern innerhalb Spezifikation nicht anders definiert)
|-
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Mobile'''
| style="height:50px; width:500px; text-align:left;font-size:16px" |Initial Load: max. 100 KB (insofern innerhalb Spezifikation nicht anders definiert)
|-
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Mobile eco ad®'''
| style="height:50px; width:500px; text-align:left;font-size:16px" |Initial Load: max. 70 KB (insofern innerhalb Spezifikation nicht anders definiert)
|-
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Maximale Anzahl an Requests'''
| style="height:50px; width:500px; text-align:left;font-size:16px" | 10
|}

Nach Abschluss des Initial File Load muss sichergestellt werden, dass auf der Werbefläche ein Motiv des Werbetreibenden dargestellt ist, damit die Werbebotschaft unmittelbar mit dem Aufbau der Seite gestreut werden kann. Dies ist zugleich der Zeitpunkt, um die technischen KPIs wie z.B. die Ad Impression oder die Sichtbarkeitsmessungen etc. zu erheben. Somit müssen in dieser Ladephase alle Elemente enthalten sein, die für die sichtbare Darstellung, Tracking, Messung und Ad Verification der Anzeige erforderlich sind:

===Host Initiated Subload (Subload)===
Für aufwändige Kreationen, bei denen das zulässige Dateigewicht (Initialload) nicht ausreicht, können bis zur Spezifikationsgrenze (Subload) zusätzliche Inhalte nachgeladen werden. Der Subload wird dabei durch das Event der Hauptseite „readystate=complete“ angestoßen. Somit unterliegt der Subload folgenden Einstellungen:

{| class="wikitable"
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Desktop'''
| style="height:50px; width:500px; text-align:left;font-size:16px" | Subload: max. 300 KB (insofern innerhalb Spezifikation nicht anders definiert)
|-
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Desktop eco ad®'''
| style="height:50px; width:500px; text-align:left;font-size:16px" | Subload: max. 210 KB (insofern innerhalb Spezifikation nicht anders definiert)
|-
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Mobile'''
| style="height:50px; width:500px; text-align:left;font-size:16px" | Subload: max. 150 KB (insofern innerhalb Spezifikation nicht anders definiert). InApp und auf AMP Webseiten ist Subload technisch nicht möglich.
|-
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Mobile eco ad®'''
| style="height:50px; width:500px; text-align:left;font-size:16px" | Subload: max. 105 KB (insofern innerhalb Spezifikation nicht anders definiert). InApp und auf AMP Webseiten ist Subload technisch nicht möglich.
|-
| style="height:50px; width:350px; text-align:left;font-size:16px" | '''Voraussetzung zur Ausführung'''
| style="height:50px; width:500px; text-align:left;font-size:16px" | 1. Direkter Zugriff auf das readystate-Event der Hauptseite2. Alternativ: Reagieren auf das postmessage Signal '''„IAB_HOST_LOADED“''' der Seite3. Die maximale Wartezeit ist auf 4 Sekunden beschränkt4. '''Wichtig:''' Es ist sicherzustellen, dass der Subload nur einmal pro Werbemittel gestartet wird, da unter Umständen entsprechende Signale mehrfach übergeben werden.
|}

===Codebeispiele für Umsetzung Initial-/Subload===
Da durch das Werbemittel nicht in allen Integrationsvarianten auf dieses Event zugegriffen werden kann, hat die Unit AdTechnology des OVK entsprechende Lösungen bereitgestellt, die innerhalb des Creatives umzusetzen sind damit Initial-/Subload ordnungsgemäß auf den Webseiten wie vom OVK/IAB definiert ausgeführt werden können.
Unter folgendem Link stehen die Details sowie Codebeispiele für die Umsetzung Initial-/Subload im Creative-Code zur Verfügung:
{| class="wikitable"
| style="height:50px; width:850px; text-align:left;font-size:16px" | '''URL:''' https://github.com/Unitadtechnologystandards/Initial-Sub-Load
|}

==Retina-Auflösung==
Um eine qualitativere Darstellung der Werbemittel zu gewährleisten, besteht die Möglichkeit Werbemittel vereinzelt in Retina-Auflösung (doppelte Bild-Format-Größe zur tatsächlichen Endgröße der Werbeform) anzuliefern. Voraussetzung dafür ist die Angabe innerhalb der Einzelspezifikation für Mobile-Werbeformen).

{| class="wikitable"
| style="height:50px; width:850px; text-align:left;font-size:16px" | Dabei ist zu beachten, dass die Größe der Anzeige im Ausgabegerät auf die tatsächlich darzustellende Format-Größe der Werbeform von 300 bzw. 320 Pixeln im Ausgabegerät skaliert wird. Auf daraus entstehende Skalierungseffekte einer Retinagrafik hat iq digital keinen Einfluss. Insbesondere bei Anlieferung von HTML5 oder Redirect mit Verwendung Retina-Formaten ist die Skalierung auf die tatsächliche Darstellung der Endgröße im Ausgabegerät zu brücksichtigen (300 bzw. 320 Pixel).
|}

'''Bitte versichern Sie sich zuvor beim verantwortlichen Rich-Media-Dienstleister'''.
[[Kategorie:Allgemein]]
[[en:File sizes and loading phases]]

Mobile Movie Ad

2024-02-16T15:37:19Z

Efeigegernoth:

{{TechSpecsMobile
|galerie=[[Datei:Mobile_Movie_Ad.png|x300px]]
|beschreibung=Auto-Play mit dem Mobile Movie Ad auch im mobilen Netz. Auf Nutzerwunsch kann der gesamte Spot mit Ton angesehen werden.
|technischeDaten={{AnlieferungKombination
|typ=vertikal
|zeichen=UND
|bezeichnung1=Banner
|teil1={{AnlieferungKombination|teil1={{Anlieferungselement|bezeichnung=Banner|abmessung={{Abmessung|w=320|h=320/416/460}}|format={{Format Mobile Standard}}|gewicht={{Gewicht Mobile Standard}}}}}}
|teil2={{AnlieferungKombination|teil1={{Anlieferungselement|bezeichnung=Video|abmessung={{Abmessung|w=320|h=180}}|format=mp4, h.264, 30fps|dauer=max. 30 Sekunden|gewicht={{Gewicht|w=2|typ=MB}}}}}}
}}
|html5={{HTML5|erlaubt=ja|typ=JPG, PNG, GIF und HTML5-Zip-File für das Banner|plattform=mobile}}
|besondereInformation=
{{Baustein|titel=Video-Position|text=Die Position des Videos auf dem Hintergrund kann frei gewählt werden. Dazu muss der Abstand, vom unteren Rand des Banners gemessen, angegeben werden (0 - 140px)}}
|endgeraete=nur IOS und moderne Android-fähige Endgeräte
|3rdParty={{3rdParty|erlaubt=nein|plattform=mobile}}
|sortierung=Movie Ad
|kategorieAMP=nein
<includeonly>|wirdReferenziert=true</includeonly>
}}

Mobile Movie Ad

2024-02-16T15:30:35Z

Efeigegernoth:

{{TechSpecsMobile
|galerie=[[Datei:Mobile_Movie_Ad.png|x300px]]
|beschreibung=Auto-Play mit dem Mobile Movie Ad auch im mobilen Netz. Auf Nutzerwunsch kann der gesamte Spot mit Ton angesehen werden.
|technischeDaten={{AnlieferungKombination
|typ=vertikal
|zeichen=UND
|bezeichnung1=Banner
|teil1={{AnlieferungKombination|teil1={{Anlieferungselement|bezeichnung=Banner|abmessung={{Abmessung|w=320|h=320/416}}|format={{Format Mobile Standard}}|gewicht={{Gewicht Mobile Standard}}}}}}
|teil2={{AnlieferungKombination|teil1={{Anlieferungselement|bezeichnung=Video|abmessung={{Abmessung|w=320|h=180}}|format=mp4, h.264, 30fps|dauer=max. 30 Sekunden|gewicht={{Gewicht|w=2|typ=MB}}}}}}
}}
|html5={{HTML5|erlaubt=ja|typ=JPG, PNG, GIF und HTML5-Zip-File für das Banner|plattform=mobile}}
|besondereInformation=
{{Baustein|titel=Video-Position|text=Die Position des Videos auf dem Hintergrund kann frei gewählt werden. Dazu muss der Abstand, vom unteren Rand des Banners gemessen, angegeben werden (0 - 140px)}}
|endgeraete=nur IOS und moderne Android-fähige Endgeräte
|3rdParty={{3rdParty|erlaubt=nein|plattform=mobile}}
|sortierung=Movie Ad
|kategorieAMP=nein
<includeonly>|wirdReferenziert=true</includeonly>
}}

Video Branding Ad - Takeover

2023-07-11T12:07:19Z

Efeigegernoth:

{{TechSpecsOnline
|galerie=
<div class="bold">STATIONÄR</div>
[[Datei:VideoBrandingAd_online.png|280px]]
<div class="bold">MOBILE</div>
[[Datei:VideoBrandingAd_mobile.png|280px]]
|beschreibung='''DIGITALE VARIANTE DES VIDEO BRANDING AD - TAKEOVERs!''' (Bitte beachten Sie die Variante Ihres Verkaufsproduktes - da dieses Format je nach Buchungstyp (Stationär/Mobile/Digital) unterschiedliche Anforderungen an die Asset-Bereitstellung vorsieht.) Dieses Werbemittel implementiert ein großflächiges Video Branding im Viewport des Browsers, welches im sichtbaren Bereich des Users fixiert und für die Weiterleitung zur Kundenseite klickbar ist. Die Implementierung sieht dabei eine digitale (Stationär + Mobile) Verwendung der angelieferten '''VIDEO'''-Komponente zur ganzheitlichen Erfassung der Meetriken vor.
|technischeDaten=Nachfolgend wird spezifiziert welche Werbeformbestandteile benötigt werden.
{{AnlieferungKombination
|typ=vertikal
|zeichen=UND
|bezeichnung1=Komponente 1:
|text1=
|teil1={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Video|abmessung={{Abmessung|w=mindestens 640|h=360}}|seitenverhaeltnis=16:9|dauer=max. 30 Sekunden|format=.MP4-Datei H.264|gewicht={{Gewicht|w=2|typ=MB}}}}
|teil2={{Anlieferungselement|bezeichnung= Video Frontpage|abmessung={{Abmessung|w=640|h=360}}|format=jpg, png|gewicht={{Gewicht Mobile Standard}}}}
|teil3={{Anlieferungselement|bezeichnung=Fallback Werbemittel (Tablet)|abmessung={{Abmessung|w=800|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}}}
|teil4={{Anlieferungselement|bezeichnung=Fallback Werbemittel (InApp)|abmessung={{Abmessung|w=320|h=320}}|format={{Format Mobile Standard}}|gewicht={{Gewicht Mobile Standard}}}}
}}
|bezeichnung2=Komponente 2: Hintergrundbild
|text2=
|teil2={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Stationär-Bestandteil|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png|gewicht=Initial Load: max. 200 KB}}
|teil2={{Anlieferungselement|bezeichnung= Mobile-Bestandteil (optional)|abmessung={{Abmessung|w=640|h=640}}|format=jpg, png|gewicht={{Gewicht Mobile Standard}}}}
}}
|bezeichnung3=Komponente 3: Linke Sitebar (optional)
|text3=
|teil3={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Stationär-Bestandteil|abmessung={{Abmessung|w=300|h=600}}|format=png (mit transparenter Bühne)|gewicht=Initial Load: max. 200 KB}}
}}
|bezeichnung4=Komponente 4: Branding-Bar
|text4=
|teil4={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Mobile-Bestandteil|abmessung={{Abmessung|w=320|h=140}}|format=jpg, png|gewicht={{Gewicht Mobile Standard}}}}
}}
|bezeichnung5=Komponente 5: High Impact Ad
|text5=
|teil5={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Mobile-Bestandteil|abmessung={{Abmessung|w=320|h=320}}|format=jpg, png|gewicht={{Gewicht Mobile Standard}}}}
}}
|bezeichnung6=Komponente 6: High Impact Ad
|text6=
|teil6={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Mobile-Bestandteil|abmessung={{Abmessung|w=320|h=320}}|format=jpg, png|gewicht={{Gewicht Mobile Standard}}}}
}}
}}
|html5={{Baustein|titel='''nur''' als Physische Datei|text=Anlieferung '''Hintergrundbild, Branding Bar, Fallback- und High Impact Banner:''' als JPG, PNG, '''Linke Sitebar''' als PNG, '''Video:''' als MP4-Datei möglich}}
|3rdParty=
|besondereInformation=

{{Baustein|titel=Komponente 1: Video|text= Das Video ist die Kernkomponente dieser Werbeform und wird im permanent sichtbaren Bereich abgespielt. Wurde das Video aus der Sichtbarkeitsschwelle des Werbeplatzes gescrollt/geladen, positioniert sich das Video wie folgt:

*'''Stationär''' - Mit entsprechender Skalierung (16:9) "sticky" im verfügbaren Bereich zwischen Content und Browser-Viewport.
*'''Mobil:''' - Mit bestehendem Format (16:9: 320x180px) an den unteren Browser-Rand des Viewports (inkl. Schliessenbutton). Wird aktiviert oder erreicht das Video seinen '''complete'''-View positioniert sich das Video an seinen ursprünglichen Werbeplatz und kann im Werbeplatz nochmals abgespielt werden}}

{{Baustein|titel=Komponente 2: Hintergrundbild|text=*'''Stationär:''' Das Bild ist in einem 16:9 Format anzuliefern und wird für die optimierte Darstellung im Hintergrund der Webseite und der Werbeplatzierung '''flächendeckend skaliert'''. Die Darstellung kann dabei von der ursprünglich angelieferten Größe abweichen und Bereiche des Hintergrundes außerhalb des sichtbaren Bereich des Browsers dargestellt werden. Die Ausrichtung erfolgt zentriert im Browser Viewports. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte, Logos) innerhalb Ihres Hintergrund-Motives, da für die ordentliche Darstellung je nach Geräteauflösung und Webseite keine Gewährleistung übernommen werden kann.
*'''Mobile (optional):''' Die Anlieferung eines angepassten Hintergrundbilds im Mobilen Web '''ist optional''' und wird nach gleichen Kriterien wie stationär in den Hintergrund des Werbeplatzes positioniert.}}
{{Baustein|titel=Komponente 3: Linke Sitebar (optional)|text=Es ist zu beachten, dass das Werbemittel zum Erhalt des Durchschein-Effekts eine '''transparente Bühne''' benötigt. Bitte gestalten Sie die Inhalte unabhängig vom Hintergrund, da Skalierungseffekte zu abweichenden Darstellungen führen können.}}
{{Baustein|titel=Komponente 4: Branding-Bar|text=Komplementiert die Video-Komponente im Mobilen Web und schließt unmittelbar oberhalb der Video Komponente an. Die Branding-Bar verbleibt am originalen Werbeplatz unabhängig der Sichtbarkeit.}}
{{Baustein|titel=Komponente 5 + 6 (nur für Mobile): High Impact Ads|text=Für die Takeover Schaltung im Mobilen Bereich werden 2 weitere Motive für die Belegung der 2. und 3. Position auf der Seite benötigt.}}
{{ClsBelegungBaustein}}
}}

Video Branding Ad - Stationär

2023-07-11T12:06:42Z

Efeigegernoth:

{{TechSpecsOnline
|galerie=
<div class="bold">STATIONÄR</div>
[[Datei:VideoBrandingAd_online.png|280px]]
|beschreibung='''STATIONÄRE VARIANTE DES VIDEO BRANDING ADs!''' (Bitte beachten Sie die Variante Ihres Verkaufsproduktes - da dieses Format je nach Buchungstyp (Stationär/Mobile/Digital) unterschiedliche Anforderungen an die Asset-Bereitstellung vorsieht.) Dieses Werbemittel implementiert ein großflächiges Video Branding im Viewport des Browsers, welches permanent im sichtbaren Bereich des Users fixiert und für die Weiterleitung zur Kundenseite klickbar ist.
|technischeDaten=Nachfolgend wird spezifiziert welche Werbeformbestandteile benötigt werden.
{{AnlieferungKombination
|typ=vertikal
|zeichen=UND
|bezeichnung1=Komponente 1:
|text1=
|teil1={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Video|abmessung={{Abmessung|w=mindestens 640|h=360}}|seitenverhaeltnis=16:9|dauer=max. 30 Sekunden|format=.MP4-Datei H.264|gewicht={{Gewicht|w=2|typ=MB}}}}
|teil2={{Anlieferungselement|bezeichnung= Video Frontpage|abmessung={{Abmessung|w=640|h=360}}|format=jpg, png|gewicht={{Gewicht Mobile Standard}}}}
}}
|bezeichnung2=Komponente 2
|text2=
|teil2={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Hintergrundbild|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png|gewicht=Initial Load: max. 200 KB}}
}}
|bezeichnung3=Komponente 3 (optional)
|text3=
|teil3={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Linke Sitebar|abmessung={{Abmessung|w=300|h=600}}|format=png (mit transparenter Bühne)|gewicht=Initial Load: max. 200 KB}}
}}
}}
|html5={{Baustein|titel='''nur''' als Physische Datei|text=Anlieferung '''Hintergrundbild:''' als JPG, PNG, '''Linke Sitebar''' als PNG, '''Video:''' als MP4-Datei möglich}}
|3rdParty=
|besondereInformation=

{{Baustein|titel=Komponente 1: Video|text= Das Video ist die Kernkomponente dieser Werbeform und wird im permanent sichtbaren Bereich abgespielt. Wurde das Video aus der Sichtbarkeitsschwelle des Werbeplatzes gescrollt/geladen, positioniert sich das Video mit entsprechender Skalierung (16:9) "sticky" im verfügbaren Bereich zwischen Content und Browser-Viewport.}}

{{Baustein|titel=Komponente 2: Hintergrundbild|text=Das Bild ist in einem 16:9 Format anzuliefern und wird für die optimierte Darstellung im Hintergrund der Webseite und der Werbeplatzierung '''flächendeckend skaliert'''. Die Darstellung kann dabei von der ursprünglich angelieferten Größe abweichen und Bereiche des Hintergrundes außerhalb des sichtbaren Bereich des Browsers dargestellt werden. Die Ausrichtung erfolgt zentriert im Browser Viewports. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte, Logos) innerhalb Ihres Hintergrund-Motives, da für die ordentliche Darstellung je nach Geräteauflösung und Webseite keine Gewährleistung übernommen werden kann.}}

{{Baustein|titel=Komponente 3: Linke Sitebar (optional)|text=Es ist zu beachten, dass das Werbemittel zum Erhalt des Durchschein-Effekts eine '''transparente Bühne''' benötigt. Bitte gestalten Sie die Inhalte unabhängig vom Hintergrund, da Skalierungseffekte zu abweichenden Darstellungen führen können.}}

|pagenameEN=Video Branding Ad - Stationary
}}

Allgemeiner Hinweis animierte Werbemittel APPS

2023-07-03T12:04:44Z

Efeigegernoth:

<big>'''
Bei der Erstellung von animierten Werbemitteln, die auch hinsichtlich einer Ausspielung in den Apps entwickelt werden, 
empfehlen wir insbesondere das Verhalten der animierten Werbemittel in den Android Apps zu beobachten. 
'''Je nach Gerät und Skalierung kann beim Abspielen des Werbemittels ein Flackern auftreten.''' 
Insbesondere tritt dieses Verhalten dann auf wenn das Werbemittel nur in Teilen im Viewport sichtbar ist. 
Dieses Flackern wird nicht durch die Templates der iq digital verursacht, sondern tritt nur auf wenn gerade eine Animation im Werbemittel abläuft. 
Meist geschieht dies im Zusammenhang mit CSS-properties wie "transition" oder "transform:translate()", 
wenn mit diesen Properties Elemente in den Frame des Werbemittels hineingeschoben werden. 
 
 
Wir empfehlen daher beim Erstellen und Testen des Werbemittels darauf zu achten.''' 
</big>

Allgemeiner Hinweis animierte Werbemittel APPS

2023-07-03T12:02:08Z

Efeigegernoth:

<big>'''
Bei der Erstellung von animierten Werbemitteln, die auch hinsichtlich einer Ausspielung in den Apps entwickelt werden, 
empfehlen wir insbesondere das Verhalten der animierten Werbemittel in den Android Apps zu beobachten. 
'''Je nach Gerät und Skalierung kann beim Abspielen des Werbemittels ein Flackern auftreten.''' 
Insbesondere tritt dieses Verhalten dann auf wenn das Werbemittel nur in Teilen im Viewport sichtbar ist. 
Dieses Flackern wird nicht durch die Templates der iq digital verursacht, sondern tritt nur auf wenn gerade eine Animation im Werbemittel abläuft. 
Meist geschieht dies im Zusammenhang mit CSS-properties wie "transition" oder "transform:translate()", 
wenn mit Diesen Elemente in den Frame des Werbemittels hineingeschoben wird. 
 
 
Wir empfehlen daher beim Erstellen und Testen des Werbemittels darauf zu achten.''' 
</big>

Allgemeiner Hinweis animierte Werbemittel APPS

2023-07-03T11:47:19Z

Efeigegernoth:

<big>'''
Bei der Erstellung von animierten Werbemitteln, die auch hinsichtlich einer Ausspielung in den Apps entwickelt werden, 
empfehlen wir insbesondere das Verhalten der animierten Werbemittel in den Android Apps zu beobachten. 
Je nach Gerät und Skalierung kann beim Abspielen des Werbemittels ein Flackern auftreten. 
Insbesondere tritt dieses Verhalten dann auf wenn das Werbemittel nur in Teilen im Viewport sichtbar ist. 
Dieses Flackern wird nicht durch die Templates der iq digital verursacht, sondern tritt nur auf wenn gerade eine Animation im Werbemittel abläuft. 
Meist geschieht dies im Zusammenhang mit CSS-properties wie "transition" oder "transform:translate()", 
wenn mit Diesen Elemente in den Frame des Werbemittels hineingeschoben wird. 
 
 
Wir empfehlen daher beim Erstellen und Testen des Werbemittels darauf zu achten.''' 
</big>

Allgemeiner Hinweis animierte Werbemittel APPS

2023-07-03T11:46:22Z

Efeigegernoth:

'''
Bei der Erstellung von animierten Werbemitteln, die auch hinsichtlich einer Ausspielung in den Apps entwickelt werden, 
empfehlen wir insbesondere das Verhalten der animierten Werbemittel in den Android Apps zu beobachten. 
Je nach Gerät und Skalierung kann beim Abspielen des Werbemittels ein Flackern auftreten. 
Insbesondere tritt dieses Verhalten dann auf wenn das Werbemittel nur in Teilen im Viewport sichtbar ist. 
Dieses Flackern wird nicht durch die Templates der iq digital verursacht, sondern tritt nur auf wenn gerade eine Animation im Werbemittel abläuft. 
Meist geschieht dies im Zusammenhang mit CSS-properties wie "transition" oder "transform:translate()", 
wenn mit Diesen Elemente in den Frame des Werbemittels hineingeschoben wird. 
 
 
Wir empfehlen daher beim Erstellen und Testen des Werbemittels darauf zu achten.'''

Allgemeiner Hinweis animierte Werbemittel APPS

2023-07-03T11:28:59Z

Efeigegernoth:

'''
Bei der Erstellung von Werbemitteln, die Animationen beinhalten und auch hinsichtlich einer Ausspielung in den Apps entwickelt werden, 
empfehlen wir insbesondere das Verhalten der animierten Werbemittel in Android Apps zu beobachten. 
Je nach Gerät und Skalierung kann beim Abspielen des Werbemittels ein Flackern auftreten. 
Insbesondere tritt dieses Verhalten dann auf wenn das Werbemittel nur in Teilen im Viewport sichtbar ist. 
Dieses Flackern wird nicht durch die Templates der iq digital verursacht, sondern tritt nur auf wenn gerade eine Animation im Werbemittel abläuft. 
Meist geschieht dies im Zusammenhang mit CSS-properties wie "transition" oder "transform:translate()", wenn mit Diesen Elemente in den Frame des Werbemittels hineingeschoben wird. 
 
 
Wir empfehlen daher beim Erstellen und Testen des Werbemittels darauf zu achten.'''

Allgemeiner Hinweis animierte Werbemittel APPS

2023-07-03T11:27:47Z

Efeigegernoth: Die Seite wurde neu angelegt: „''' Bei der Erstellung von Werbemitteln, die Animationen beinhalten und auch hinsichtlich einer Ausspielung in den Apps entwickelt werden, empfehlen wir insbesondere das Verhalten der animierten Werbemittel in Android Apps zu beobachten. Je nach Gerät und Skalierung kann beim Abspielen des Werbemittels ein Flackern auftreten. Insbesondere tritt dieses Verhalten dann auf wenn das Werbemittel nur in Teilen im Viewport sichtbar ist. Dieses Flackern wird ni…“

'''
Bei der Erstellung von Werbemitteln, die Animationen beinhalten und auch hinsichtlich einer Ausspielung in den Apps entwickelt werden,
empfehlen wir insbesondere das Verhalten der animierten Werbemittel in Android Apps zu beobachten.
Je nach Gerät und Skalierung kann beim Abspielen des Werbemittels ein Flackern auftreten.
Insbesondere tritt dieses Verhalten dann auf wenn das Werbemittel nur in Teilen im Viewport sichtbar ist.
Dieses Flackern wird nicht durch die Templates der iq digital verursacht, sondern tritt nur auf wenn gerade eine Animation im Werbemittel abläuft.
Meist geschieht dies im Zusammenhang mit CSS-properties wie "transition" oder "transform:translate()", wenn mit Diesen Elemente in den Frame des Werbemittels hineingeschoben wird.

Wir empfehlen daher beim Erstellen und Testen des Werbemittels darauf zu achten.'''

Mobile Werbeformen

2023-07-03T11:22:42Z

Efeigegernoth:

<div class="chapterlist">
<div class="clheader">Mobile Werbeformen</div>
*[[Allgemeiner Hinweis animierte Werbemittel APPS]]
*Mobile Standardwerbeformen (Web & APP)
*[[Mobile Content Ad 1:1|Mobile Content Ad 1:1 (ehem. Mobile High Impact Ad)]]
*[[Mobile Content Ad 2:1]]
*[[Mobile Content Ad 3:1]]
*[[Mobile Content Ad 4:1]]
*[[Mobile Content Ad 6:1]]
*[[Mobile Medium Rectangle]]
*[[Mobile EcoAD]]
*Mobile Sonderwerbeformen (Web & App)
*[[Mobile Premium Rectangle]]
*[[Mobile Halfpage Ad]]
*[[Mobile High Impact Ad Plus]]
*[[Mobile Carousel Ad]]
*[[Mobile Engagement Ad]]
*Mobile Sonderwerbeformen (Web)
*[[Mobile Interscroller|Mobile Interscroller (ehem. Mobile Rollover Ad)]]
*[[Mobile Premium Rectangle mit Reminder]]
*[[Mobile Premium Rectangle mit Reminder 2:1]]
*[[Mobile Content Ad 1:1 Sticky]]
*Mobile Fullscreen Werbeformen (APP)
*[[Mobile Fullscreen Ad|Mobile Fullscreen Ad]]
*[[Mobile Preloading Ad]]
*Kombinierte Mobile Werbeformen (Homepage)
*[[CLS - Mobile Homepage Takeover|CLS - Mobile Content Ad 1:1 Takeover]]
*[[CLS - Mobile Homepage Takeover|CLS - Mobile Premium Rectangle Takeover]]
*[[CLS - Mobile Rollover-Event Takeover]]
*[[CLS - Mobile Premium Rectangle mit Reminder Takeover]]
*Kombinierte Mobile Werbeformen (Rubriken)
*[[CLS - Mobile Rubriken Takeover|CLS - Mobile Rubriken Takeover (1:1, 2:1, 3:1, 4:1, Medium Rectangle, Premium Rectangle)]]
*[[CLS - Mobile High Impact Ad Plus Takeover]]
*[[CLS - Mobile Carousel Ad Takeover]]
*[[CLS - Mobile Interscroller Takeover]]
*[[CLS - Mobile Movie Ad Takeover]]
*Kombinierte Mobile Werbeformen (TKP)
*[[AdBundle Mobile]]
*Mobile Native Werbeformen
*[[Native Ad (click-out)]]
</div>
<noinclude>[[Kategorie:Mobile]][[en:Mobile ads]]</noinclude>

Video Branding Ad - Stationär

2023-04-04T08:32:01Z

Efeigegernoth:

{{TechSpecsOnline
|galerie=
<div class="bold">STATIONÄR</div>
[[Datei:VideoBrandingAd_online.png|280px]]
|beschreibung='''STATIONÄRE VARIANTE DES VIDEO BRANDING ADs!''' (Bitte beachten Sie die Variante Ihres Verkaufsproduktes - da dieses Format je nach Buchungstyp (Stationär/Mobile/Digital) unterschiedliche Anforderungen an die Asset-Bereitstellung vorsieht.) Dieses Werbemittel implementiert ein großflächiges Video Branding im Viewport des Browsers, welches permanent im sichtbaren Bereich des Users fixiert und für die Weiterleitung zur Kundenseite klickbar ist.
|technischeDaten=Nachfolgend wird spezifiziert welche Werbeformbestandteile benötigt werden.
{{AnlieferungKombination
|typ=vertikal
|zeichen=UND
|bezeichnung1=Komponente 1:
|text1=
|teil1={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Video|abmessung={{Abmessung|w=mindestens 640|h=360}}|seitenverhaeltnis=16:9|dauer=max. 15 Sekunden|format=.MP4-Datei H.264|gewicht={{Gewicht|w=2|typ=MB}}}}
|teil2={{Anlieferungselement|bezeichnung= Video Frontpage|abmessung={{Abmessung|w=640|h=360}}|format=jpg, png|gewicht={{Gewicht Mobile Standard}}}}
}}
|bezeichnung2=Komponente 2
|text2=
|teil2={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Hintergrundbild|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png|gewicht=Initial Load: max. 200 KB}}
}}
|bezeichnung3=Komponente 3 (optional)
|text3=
|teil3={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Linke Sitebar|abmessung={{Abmessung|w=300|h=600}}|format=png (mit transparenter Bühne)|gewicht=Initial Load: max. 200 KB}}
}}
}}
|html5={{Baustein|titel='''nur''' als Physische Datei|text=Anlieferung '''Hintergrundbild:''' als JPG, PNG, '''Linke Sitebar''' als PNG, '''Video:''' als MP4-Datei möglich}}
|3rdParty=
|besondereInformation=

{{Baustein|titel=Komponente 1: Video|text= Das Video ist die Kernkomponente dieser Werbeform und wird im permanent sichtbaren Bereich abgespielt. Wurde das Video aus der Sichtbarkeitsschwelle des Werbeplatzes gescrollt/geladen, positioniert sich das Video mit entsprechender Skalierung (16:9) "sticky" im verfügbaren Bereich zwischen Content und Browser-Viewport.}}

{{Baustein|titel=Komponente 2: Hintergrundbild|text=Das Bild ist in einem 16:9 Format anzuliefern und wird für die optimierte Darstellung im Hintergrund der Webseite und der Werbeplatzierung '''flächendeckend skaliert'''. Die Darstellung kann dabei von der ursprünglich angelieferten Größe abweichen und Bereiche des Hintergrundes außerhalb des sichtbaren Bereich des Browsers dargestellt werden. Die Ausrichtung erfolgt zentriert im Browser Viewports. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte, Logos) innerhalb Ihres Hintergrund-Motives, da für die ordentliche Darstellung je nach Geräteauflösung und Webseite keine Gewährleistung übernommen werden kann.}}

{{Baustein|titel=Komponente 3: Linke Sitebar (optional)|text=Es ist zu beachten, dass das Werbemittel zum Erhalt des Durchschein-Effekts eine '''transparente Bühne''' benötigt. Bitte gestalten Sie die Inhalte unabhängig vom Hintergrund, da Skalierungseffekte zu abweichenden Darstellungen führen können.}}

|pagenameEN=Video Branding Ad - Stationary
}}

Video Branding Ad - Stationär

2023-03-30T08:47:48Z

Efeigegernoth:

{{TechSpecsOnline
|galerie=
<div class="bold">STATIONÄR</div>
[[Datei:VideoBrandingAd_online.png|280px]]
|beschreibung='''STATIONÄRE VARIANTE DES VIDEO BRANDING ADs!''' (Bitte beachten Sie die Variante Ihres Verkaufsproduktes - da dieses Format je nach Buchungstyp (Stationär/Mobile/Digital) unterschiedliche Anforderungen an die Asset-Bereitstellung vorsieht.) Dieses Werbemittel implementiert ein großflächiges Video Branding im Viewport des Browsers, welches permanent im sichtbaren Bereich des Users fixiert und für die Weiterleitung zur Kundenseite klickbar ist.
|technischeDaten=Nachfolgend wird spezifiziert welche Werbeformbestandteile benötigt werden.
{{AnlieferungKombination
|typ=vertikal
|zeichen=UND
|bezeichnung1=Komponente 1:
|text1=
|teil1={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Video|abmessung={{Abmessung|w=mindestens 640|h=360}}|seitenverhaeltnis=16:9|dauer=max. 15 Sekunden|format=.MP4-Datei H.264|gewicht={{Gewicht|w=2|typ=MB}}}}
|teil2={{Anlieferungselement|bezeichnung= Video Frontpage|abmessung={{Abmessung|w=640|h=360}}|format=jpg, png|gewicht={{Gewicht Mobile Standard}}}}
}}
|bezeichnung2=Komponente 2
|text2=
|teil2={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Hintergrundbild|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png|gewicht=Initial Load: max. 200 KB}}
}}

}}
}}
|html5={{Baustein|titel='''nur''' als Physische Datei|text=Anlieferung '''Hintergrundbild:''' als JPG, PNG, '''Linke Sitebar''' als PNG, '''Video:''' als MP4-Datei möglich}}
|3rdParty=
|besondereInformation=

{{Baustein|titel=Komponente 1: Video|text= Das Video ist die Kernkomponente dieser Werbeform und wird im permanent sichtbaren Bereich abgespielt. Wurde das Video aus der Sichtbarkeitsschwelle des Werbeplatzes gescrollt/geladen, positioniert sich das Video mit entsprechender Skalierung (16:9) "sticky" im verfügbaren Bereich zwischen Content und Browser-Viewport.}}

{{Baustein|titel=Komponente 2: Hintergrundbild|text=Das Bild ist in einem 16:9 Format anzuliefern und wird für die optimierte Darstellung im Hintergrund der Webseite und der Werbeplatzierung '''flächendeckend skaliert'''. Die Darstellung kann dabei von der ursprünglich angelieferten Größe abweichen und Bereiche des Hintergrundes außerhalb des sichtbaren Bereich des Browsers dargestellt werden. Die Ausrichtung erfolgt zentriert im Browser Viewports. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte, Logos) innerhalb Ihres Hintergrund-Motives, da für die ordentliche Darstellung je nach Geräteauflösung und Webseite keine Gewährleistung übernommen werden kann.}}

|pagenameEN=Video Branding Ad - Stationary
}}

Video Branding Ad - Stationär

2023-03-30T08:35:01Z

Efeigegernoth:

{{TechSpecsOnline
|galerie=
<div class="bold">STATIONÄR</div>
[[Datei:VideoBrandingAd_online.png|280px]]
|beschreibung='''STATIONÄRE VARIANTE DES VIDEO BRANDING ADs!''' (Bitte beachten Sie die Variante Ihres Verkaufsproduktes - da dieses Format je nach Buchungstyp (Stationär/Mobile/Digital) unterschiedliche Anforderungen an die Asset-Bereitstellung vorsieht.) Dieses Werbemittel implementiert ein großflächiges Video Branding im Viewport des Browsers, welches permanent im sichtbaren Bereich des Users fixiert und für die Weiterleitung zur Kundenseite klickbar ist.
|technischeDaten=Nachfolgend wird spezifiziert welche Werbeformbestandteile benötigt werden.
{{AnlieferungKombination
|typ=vertikal
|zeichen=UND
|bezeichnung1=Komponente 1:
|text1=
|teil1={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Video|abmessung={{Abmessung|w=mindestens 640|h=360}}|seitenverhaeltnis=16:9|dauer=max. 15 Sekunden|format=.MP4-Datei H.264|gewicht={{Gewicht|w=2|typ=MB}}}}
|teil2={{Anlieferungselement|bezeichnung= Video Frontpage|abmessung={{Abmessung|w=640|h=360}}|format=jpg, png|gewicht={{Gewicht Mobile Standard}}}}
}}
|bezeichnung2=Komponente 2
|text2=
|teil2={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung= Hintergrundbild|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png|gewicht=Initial Load: max. 200 KB}}
}}

}}
}}
|html5={{Baustein|titel='''nur''' als Physische Datei|text=Anlieferung '''Hintergrundbild:''' als JPG, PNG, '''Linke Sitebar''' als PNG, '''Video:''' als MP4-Datei möglich}}
|3rdParty=
|besondereInformation=

{{Baustein|titel=Komponente 1: Video|text= Das Video ist die Kernkomponente dieser Werbeform und wird im permanent sichtbaren Bereich abgespielt. Wurde das Video aus der Sichtbarkeitsschwelle des Werbeplatzes gescrollt/geladen, positioniert sich das Video mit entsprechender Skalierung (16:9) "sticky" im verfügbaren Bereich zwischen Content und Browser-Viewport.}}

{{Baustein|titel=Komponente 2: Hintergrundbild|text=Das Bild ist in einem 16:9 Format anzuliefern und wird für die optimierte Darstellung im Hintergrund der Webseite und der Werbeplatzierung '''flächendeckend skaliert'''. Die Darstellung kann dabei von der ursprünglich angelieferten Größe abweichen und Bereiche des Hintergrundes außerhalb des sichtbaren Bereich des Browsers dargestellt werden. Die Ausrichtung erfolgt zentriert im Browser Viewports. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte, Logos) innerhalb Ihres Hintergrund-Motives, da für die ordentliche Darstellung je nach Geräteauflösung und Webseite keine Gewährleistung übernommen werden kann.}}
{{Baustein|titel=Komponente 3: Linke Sitebar (optional)|text=Es ist zu beachten, dass das Werbemittel zum Erhalt des Durchschein-Effekts eine '''transparente Bühne''' benötigt. Bitte gestalten Sie die Inhalte unabhängig vom Hintergrund, da Skalierungseffekte zu abweichenden Darstellungen führen können.}}

|pagenameEN=Video Branding Ad - Stationary
}}