Spezifikationen digitale Editionen DER SPIEGEL manager magazin Harvard Business Manager
|
|
|
- Alke Lichtenberg
- vor 8 Jahren
- Abrufe
Transkript
1 Spezifikationen digitale Editionen DER SPIEGEL manager magazin Harvard Business Manager
2 Inhalt Inhalt 1. Android/Kindle Fire 1.1. Allgemeines Statische Anzeigen Statische Anzeigen mit Video Interaktive Anzeigen Tracking 9 2. ios - ipad 2.1. Allgemeines Statische Anzeigen Statische Anzeigen mit Video Interaktive Anzeigen Inpage Ad Download Ad Tracking ios iphone Web Reader 4.1. Allgemeines Statische Anzeigen Interaktive Anzeigen Windows Allgemeines Statische Anzeigen Interaktive Anzeigen 31 1
3 Android/ Kindle Fire 1. Android/Kindle Fire 1.1. Allgemeines Die SPIEGEL-App für Android Tablets und den Kindle Fire ermöglicht es, den wöchentlichen SPIEGEL in digitaler Form auf Android Tablets und dem Kindle Fire zu lesen. Dazu können innerhalb der App sowohl das aktuelle, als auch zurückliegende Ausgaben heruntergeladen werden. Wenn eine Heft-Ausgabe einmal auf das Gerät des Nutzers heruntergeladen ist, bleibt sie unverändert auf dem Gerät und wird nicht mehr aktualisiert. Es gibt drei verschiedene Formen der Werbung in der SPIEGEL-App: - Statische Anzeigen - Statische Anzeigen mit Video - Interaktive Anzeigen Für jede gewählte Werbeform muss jeweils eine Variante im Hoch- und Querformat angeliefert werden. Beim Drehen des Geräts wird automatisch das jeweils korrekte Anzeigeformat angezeigt. Da Ausgaben (analog zu Printheften) auch zu einem späteren Zeitpunkt als ihrem Erscheinen noch heruntergeladen bzw. gelesen werden können, sollten Ziel-URLs mindestens 6 Monate lang erreichbar bzw. Clickcommands entsprechend lange haltbar sein. Wichtig: Die Anlieferung muss mindestens 9 Werktage vor Erscheinen erfolgen! App-Anzeigen sind aufgrund ihrer Heftgebundenheit konzeptionell eher wie Print-Anzeigen zu sehen, und nicht wie Online-Anzeigen. Dies bedeutet, dass eine verspätete Anlieferung gegebenenfalls dazu führen kann, dass die Anzeige nicht in der gebuchten Ausgabe erscheint. Im Folgenden werden die einzelnen Werbeformen inklusive ihrer technischen Spezifikationen beschrieben Statische Anzeigen Allgemeines Bei statischen Anzeigen handelt es sich um Anzeigen, die aus einem statischen Bild bestehen, welches gegebenenfalls verlinkt werden kann. Als Besonderheit dabei ist zu sehen, dass unterschiedliche Bereiche des Bildes unterschiedliche Ziel-URLs bekommen können. Realisiert wird dies mittels einer HTML-Imagemap, deren "area"-elemente jeweils die linke obere Ecke und die rechte untere Ecke eines Rechtecks beschreiben, hinter welches der gewünschte Link gelegt wird. Es sind nur rechteckige Bereiche möglich. 2
4 Android/ Kindle Fire Formate Android 7 / Kindle Fire: Hochformat:600 x 1024 Pixel Querformat:1024 x 600 Pixel Android 10 : Hochformat: 800 x 1176 Pixel Querformat: 1280 x 696 Pixel Dateiformat: JPG Maximale Dateigröße: 200 KB pro Bild Die Imagemap bekommen wir entweder als HTML-Datei oder als Freitext (bitte klar kennzeichnen, welche URL zu welchem Bereich gehört). Wenn wir nur eine URL erhalten, verlinken wir das Bild vollflächig. Die URLs können Clickcommands sein. Eine Integration von Zählpixeln ist allerdings nicht möglich! Ein Beispiel für eine entsprechende HTML-Datei im Querformat finden Sie hier die fett markierten Einträge sind anzupassen. Bitte beachten Sie auch, dass wir für beide Formate eine separate HTML-Datei benötigen: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>anzeige</title> </head> <body> <img src="sp t-1024x600-kunde.jpg" alt="querformat" width="1024" height="600" border="0" usemap="#imagemap" /> <map name="imagemap" id="imagemap"> <area shape="rect" coords="346,524,1004,656" href=" alt="home" /> <area shape="rect" coords="50,550,272,655" href=" alt="sub" /> </map> </body> </html> Anlieferung (mindestens 9 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - jeweils ein Bild im Hoch- und Querformat jeweils eine HTML-Datei im Hoch- und Querformat oder alternativ eine Ziel-URL bei ganzflächiger Verlinkung bzw. die beiden(!) Imagemaps als Freitext 3
5 Android/ Kindle Fire 1.3. Statische Anzeigen mit Video Allgemeines Bei statischen Anzeigen mit Video handelt es sich um statische Anzeigen, bei denen zusätzlich ein Video abgespielt werden kann, sofern der User online ist (anderenfalls bekommt er einen Hinweis). Zum Abspielen des Videos wird von der SPIEGEL-App ein Play-Button in das statische Bild integriert (siehe Bild 1). Beim Drücken des Play-Buttons wird das Video im Vollbild-Modus abgespielt (Bild2). Bild 1 Bild 2 Der User hat die Möglichkeit, den Vollbildmodus zu verlassen, während das Video abspielt. Das Video wird dann in einer vorher mittels Imagemap festgelegten Größe und Position über der Anzeige dargestellt (Bild 3). Der Play-Button sitzt dabei immer in der Mitte dieser definierten Fläche (vergleiche Bild 4 und Bild 1). Nachdem das Video abgespielt wurde, kehrt die App wieder zum Zustand wie auf Bild 1 zurück. 4
6 Android/ Kindle Fire Bild 3 Bild 4 Wie aus Bild 4 ersichtlich ist, definiert die anzugebende Fläche für das Video, wo der Play-Button sitzt. Daraus ergibt sich, dass bestimmte Positionen des Play-Buttons auch die mögliche Größe und Position des Videobereichs einschränken. Ein Beispiel zur Verdeutlichung: Wenn der Play-Button z.b. unten links angesiedelt sein soll, dann würde das Video ebenfalls in der linken unteren Ecke sitzen, und aufgrund des Bildschirmrahmens in seiner Größe beschränkt sein (Bild 5): 5
7 Android/ Kindle Fire Bild 5 Bei der Gestaltung des Anzeigenmotivs bzw. bei der Definition der Videofläche sollte dies beachtet werden. Unabhängig von Position und Größe der definierten Videofläche wird das Video aber grundsätzlich im Vollbildmodus abgespielt, der nur auf User-Aktion bzw. am Ende des Videos wieder verlassen wird. Formate Android 7 / Kindle Fire: Hochformat:600 x 1024 Pixel Querformat:1024 x 600 Pixel Android 10 : Hochformat: 800 x 1176 Pixel Querformat: 1280 x 696 Pixel Dateiformat: JPG Maximale Dateigröße: 200 KB pro Bild Video: Das Video kann entweder an uns geschickt werden (Spotmaterial in hoher Qualität - vorzugsweise Windows Media oder mp4-16:9 mit 1024x576px oder größer, Frames/Sekunde, 4Mbit Encodingrate, Stereo Sound 44KHz Sampling), oder wir bekommen eine URL zu dem Video, auf die dann verwiesen wird. Die Imagemap bekommen wir entweder als HTML-Datei oder als Freitext (bitte klar kennzeichnen, welche URL zu welchem Bereich gehört). Wenn wir nur eine URL erhalten, verlinken wir das Bild vollflächig. Das Video selbst kann nicht verlinkt werden. 6
8 Android/ Kindle Fire Die URLs können Clickcommands sein. Eine Integration von Zählpixeln ist allerdings nicht möglich! Ein Beispiel für eine entsprechende HTML-Datei im Querformat finden Sie hier die fett markierten Einträge sind anzupassen. Bitte beachten Sie, dass die Fläche für das Video durch ein alt-attribut mit dem Wert Video gekennzeichnet sein muss, und dass wir für beide Formate eine separate HTML-Datei benötigen: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>anzeige</title> </head> <body> <img src="sp t-1024x600-kunde.jpg" alt="querformat" width="1024" height="600" border="0" usemap="#imagemap" /> <map name="imagemap" id="imagemap"> <area shape="rect" coords="346,524,1004,656" href=" alt="home" /> <area shape="rect" coords="24,280,744,685" href=" alt="video" target="_blank"/> <area shape="rect" coords="50,550,272,655" href=" alt="sub" /> </map> </body> </html> Anlieferung (mindestens 9 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - jeweils ein Bild im Hoch- und Querformat - ein Video - jeweils eine HTML-Datei im Hoch- und Querformat oder alternativ eine Ziel- URL bei ganzflächiger Verlinkung bzw. die beiden(!) Imagemaps als Freitext 1.4. Interaktive Anzeigen Allgemeines Interaktive Anzeigen bieten weitreichende Möglichkeiten zur Integration von Video und Sound, sowie für Animationen und Interaktionen mit dem User. Erreicht wird dies dadurch, dass es sich bei einer interaktiven Anzeige um eine HTML-Seite handelt, die alle Möglichkeiten, die HTML5 auf dem Kindle Fire im Silk Browser bzw. auf Android Tablets zur Verfügung stellt, nutzen kann. Diese HTML-Seite wird dann beim Blättern auf die Anzeigenseite in der App geladen und dargestellt. Konkret bedeutet dies, dass praktisch alles, was sich im Silk Browser darstellen lässt, auch in einer Anzeige Verwendung finden kann. Alle Elemente der Anzeige werden komplett auf das Gerät mit dem Heft zusammen runtergeladen, so dass die Anzeige auch komplett funktioniert, wenn der User offline ist. 7
9 Android/ Kindle Fire Zusätzlich zu der interaktiven HTML-Seite gibt es noch sogenannte Default- und Transition-Bilder. Die Default-Bilder werden Usern angezeigt, die noch eine ältere Version der App haben, die nicht alle interaktiven Features unterstützt. Darüber hinaus werden sie beim Blättern durch die Heftnavigation zur Darstellung einer Anzeigen-Vorschau verwendet. Transition-Bilder werden dem Nutzer gezeigt, während im Hintergrund die HTML- Anzeige geladen und aufgebaut wird. Sobald der Aufbau abgeschlossen ist, wechselt die Darstellung dann zu der HTML-Anzeige. Sollten die Motive der Transition-Bilder und des ersten Bildes des interaktiven Motivs gleich sein, ist es sinnvoll, dass die Anordnung aller Elemente pixelgenau übereinstimmt, da es sonst deutliche Sprünge im Motiv gibt, wenn die Anzeige von Transition auf Interaktiv wechselt. Die oben beschriebenen drei Elemente (interaktive HTML-Seite, Default-Bilder, Transition-Bilder) müssen innerhalb eines Containers angeliefert werden, der den in Bild 6 gezeigten Aufbau hat: Bild 6 Die Unterordner defaults und transition beinhalten dabei die bereits beschriebenen Bilddateien jeweils im Quer- und Hochformat. Der Unterordner ad muss zwingend zwei index-dateien haben eine für das Querformat (index_landscape.html), und eine für das Hochformat (index_portrait.html). Die genannten Dateien in den drei Unterordnern müssen so wie in Bild 6 benannt sein. Darüber hinaus können in dem Unterordner ad noch beliebige weitere Dateien oder Unterordner, die Teil der HTML-Seite sind (z.b. Bilder, Sounds, Videos, CSS- oder Javascript-Dateien), angelegt werden. Der Einsatz von CSS und Javascript ist problemlos möglich; ebenso der Einsatz von Javascript-Bibliotheken und - Frameworks wie z.b. jquery. Generell gilt die Faustregel: Wenn es im Silk Browser auf einem Kindle Fire/Android Tablet läuft, dann läuft es mit sehr hoher Wahrscheinlichkeit auch in der SPIEGEL-App als Anzeige. 8
10 Android/ Kindle Fire Unter gibt es einen Beispiel-Container zum Herunterladen. Wichtig: Bei allen interaktiven Anzeigen muss gewährleistet sein, dass der User auch mittels Wischen zur nächsten Heftseite gelangen kann, d.h. eine Wischfunktion innerhalb der Anzeige muss gegebenenfalls erst durch einen Button o.ä. in der Anzeige aktiviert werden. Formate Android 7 / Kindle Fire: Hochformat:600 x 1024 Pixel Querformat:1024 x 600 Pixel Android 10 : Hochformat: 800 x 1176 Pixel Querformat: 1280 x 696 Pixel Maximale Dateigröße (inkl. Default- und Transition-Bildern): 5 MB Default- und Transition-Bilder: Dateiformat: JPG Maximale Dateigröße: 200 KB pro Bild Anlieferung (mindestens 9 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - den HTML-Container wie oben beschrieben, inkl. aller zur Darstellung der Anzeige nötigen Dateien, sowie der Default- und Transition-Bilder (jeweils Hoch- und Querformat). - Wenn Sie Clickcommands verwenden möchten, integrieren Sie diese bitte vor der Zusendung an uns in Ihre Anzeige Tracking Die Frage nach den Trackingmöglichkeiten wird naturgemäß häufig gestellt, daher hier ein paar generelle Worte dazu. Der Einsatz von Clickcommands oder Redirects zum Mittracken der Clicks ist bei allen genannten Werbeformen möglich; allerdings dürfen diese Clickcommands/Redirects keinerlei dynamisch zu ersetzenden Zufallszahl/Zeitstempel enthalten. Was leider aus technischen Gründen nicht geht, ist das Mittracken der Werbeaufrufe, d.h. Zählpixel oder ähnliches können nicht eingesetzt werden. 9
11 Android/ Kindle Fire Ungeachtet der technischen Möglichkeiten würde es aber auch wenig Sinn machen, die Werbeaufrufe mitzutracken, da der User nicht zwangsläufig online sein muss, wenn er die SPIEGEL-App nutzt. Anders ausgedrückt: Die Werbeaufrufe, die der User macht, während er offline ist, würden nicht mitgetrackt werden, so dass die tatsächliche resultierende Summe der Aufrufe schlichtweg keinerlei Aussagekraft hätte, weil eben nur solche User mit in die Zählung einfließen würden, die zum Zeitpunkt des Aufrufs der Werbung auch online waren. 10
12 ios - ipad 2. ios ipad 2.1. Allgemeines Die ipad-apps im SPIEGEL-QC Portfolio ermöglichen es, den wöchentlichen SPIEGEL bzw. das monatliche manager magazin und den monatlichen Harvard Business Manager in digitaler Form auf dem ipad zu lesen. Dazu können innerhalb der App für den jeweiligen Titel sowohl die aktuelle, als auch zurückliegende Ausgaben heruntergeladen werden. Wenn eine Heft-Ausgabe einmal auf das ipad des Nutzers heruntergeladen ist, bleibt sie unverändert auf dem ipad und wird nicht mehr aktualisiert. Es gibt drei verschiedene Formen der Werbung in den ipad-apps: - Statische Anzeigen - Statische Anzeigen mit Video - Interaktive Anzeigen Für jede gewählte Werbeform muss jeweils eine Variante im Hoch- und Querformat angeliefert werden. Beim Drehen des ipads wird automatisch das jeweils korrekte Anzeigeformat angezeigt. Da es auf dem ipad keinen Flash-Player gibt ist darauf zu achten, dass bei Verlinkungen die Zielseite keine Flash-Elemente enthält, die zwingend zur Nutzung der Zielseite erforderlich sind. Da Ausgaben (analog zu Printheften) auch zu einem späteren Zeitpunkt als ihrem Erscheinen noch heruntergeladen bzw. gelesen werden können, sollten Ziel-URLs mindestens 6 Monate lang erreichbar bzw. Clickcommands entsprechend lange haltbar sein. Wichtig: Die Anlieferung muss mindestens 9 Werktage vor Erscheinen erfolgen! ipad-anzeigen sind aufgrund ihrer Heftgebundenheit konzeptionell eher wie Print- Anzeigen zu sehen, und nicht wie Online-Anzeigen. Dies bedeutet, dass eine verspätete Anlieferung gegebenenfalls dazu führen kann, dass die Anzeige nicht in der gebuchten Ausgabe erscheint. Im Folgenden werden die einzelnen Werbeformen inklusive ihrer technischen Spezifikationen beschrieben Statische Anzeigen Allgemeines Bei statischen Anzeigen handelt es sich um Anzeigen, die aus einem statischen Bild bestehen, welches gegebenenfalls verlinkt werden kann. Als Besonderheit dabei ist zu sehen, dass unterschiedliche Bereiche des Bildes unterschiedliche Ziel-URLs bekommen können. Realisiert wird dies mittels einer HTML-Imagemap, deren "area"-elemente jeweils die linke obere Ecke und die rechte untere Ecke eines Rechtecks beschreiben, hinter welches der gewünschte Link gelegt wird. Es sind nur rechteckige Bereiche möglich. 11
13 ios - ipad Formate Hochformat:768 x 960 Pixel Querformat:1024 x 704 Pixel Dateiformat: JPG Maximale Dateigröße: 200 KB pro Bild Die Imagemap bekommen wir entweder als HTML-Datei oder als Freitext (bitte klar kennzeichnen, welche URL zu welchem Bereich gehört). Wenn wir nur eine URL erhalten, verlinken wir das Bild vollflächig. Die URLs können Clickcommands sein. Eine Integration von Zählpixeln ist allerdings nicht möglich! Ein Beispiel für eine entsprechende HTML-Datei im Querformat finden Sie hier die fett markierten Einträge sind anzupassen. Bitte beachten Sie auch, dass wir für beide Formate eine separate HTML-Datei benötigen: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>anzeige</title> </head> <body> <img src="sp t-1024x704-kunde.jpg" alt="querformat" width="1024" height="704" border="0" usemap="#imagemap" /> <map name="imagemap" id="imagemap"> <area shape="rect" coords="346,524,1004,656" href=" alt="home" /> <area shape="rect" coords="50,550,272,655" href=" alt="sub" /> </map> </body> </html> Anlieferung (mindestens 9 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - jeweils ein Bild im Hoch- und Querformat - jeweils eine HTML-Datei im Hoch- und Querformat oder alternativ eine Ziel- URL bei ganzflächiger Verlinkung bzw. die beiden(!) Imagemaps als Freitext 12
14 ios - ipad 2.3. Statische Anzeigen mit Video Allgemeines Bei statischen Anzeigen mit Video handelt es sich um statische Anzeigen, bei denen zusätzlich ein Video abgespielt werden kann, sofern der User online ist (anderenfalls bekommt er einen Hinweis). Zum Abspielen des Videos wird von der ipad-app ein Play-Button in das statische Bild integriert (siehe Bild 1). Beim Drücken des Play-Buttons wird das Video im Vollbild-Modus abgespielt (Bild2). Bild 7 Bild 8 Der User hat die Möglichkeit, den Vollbildmodus zu verlassen, während das Video abspielt. Das Video wird dann in einer vorher mittels Imagemap festgelegten Größe und Position über der Anzeige dargestellt (Bild 3). Der Play-Button sitzt dabei immer in der Mitte dieser definierten Fläche (vergleiche Bild 4 und Bild 1). Nachdem das Video abgespielt wurde, kehrt die App wieder zum Zustand wie auf Bild 1 zurück. 13
15 ios - ipad Bild 9 Bild 10 Wie aus Bild 4 ersichtlich ist, definiert die anzugebende Fläche für das Video, wo der Play-Button sitzt. Daraus ergibt sich, dass bestimmte Positionen des Play-Buttons auch die mögliche Größe und Position des Videobereichs einschränken. Ein Beispiel zur Verdeutlichung: Wenn der Play-Button z.b. unten links angesiedelt sein soll, dann würde das Video ebenfalls in der linken unteren Ecke sitzen, und aufgrund des Bildschirmrahmens in seiner Größe beschränkt sein (Bild 5): 14
16 ios - ipad Bild 11 Bei der Gestaltung des Anzeigenmotivs bzw. bei der Definition der Videofläche sollte dies beachtet werden. Unabhängig von Position und Größe der definierten Videofläche wird das Video aber grundsätzlich im Vollbildmodus abgespielt, der nur auf User-Aktion bzw. am Ende des Videos wieder verlassen wird. Formate Hochformat:768 x 960 Pixel Querformat:1024 x 704 Pixel Dateiformat: JPG Maximale Dateigröße: 200 KB pro Bild Video: Das Video kann entweder an uns geschickt werden (Spotmaterial in hoher Qualität - vorzugsweise Windows Media oder mp4-16:9 mit 1024x576px bzw. 4:30 mit 1024x768 oder größer, Frames/Sekunde, 4Mbit Encodingrate, Stereo Sound 44KHz Sampling), oder wir bekommen eine URL zu dem Video, auf die dann verwiesen wird. Die Imagemap bekommen wir entweder als HTML-Datei oder als Freitext (bitte klar kennzeichnen, welche URL zu welchem Bereich gehört). Wenn wir nur eine URL erhalten, verlinken wir das Bild vollflächig. Das Video selbst kann nicht verlinkt werden. Die URLs können Clickcommands sein. Eine Integration von Zählpixeln ist allerdings nicht möglich! 15
17 ios - ipad Ein Beispiel für eine entsprechende HTML-Datei im Querformat finden Sie hier die fett markierten Einträge sind anzupassen. Bitte beachten Sie, dass die Fläche für das Video durch ein alt-attribut mit dem Wert Video gekennzeichnet sein muss, und dass wir für beide Formate eine separate HTML-Datei benötigen: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>anzeige</title> </head> <body> <img src="sp t-1024x704-kunde.jpg" alt="querformat" width="1024" height="704" border="0" usemap="#imagemap" /> <map name="imagemap" id="imagemap"> <area shape="rect" coords="346,524,1004,656" href=" alt="home" /> <area shape="rect" coords="24,280,744,685" href=" alt="video" target="_blank"/> <area shape="rect" coords="50,550,272,655" href=" alt="sub" /> </map> </body> </html> Anlieferung (mindestens 9 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - jeweils ein Bild im Hoch- und Querformat - ein Video - jeweils eine HTML-Datei im Hoch- und Querformat oder alternativ eine Ziel-URL bei ganzflächiger Verlinkung bzw. die beiden(!) Imagemaps als Freitext 2.4. Interaktive Anzeigen Allgemeines Interaktive Anzeigen bieten weitreichende Möglichkeiten zur Integration von Video und Sound, sowie für Animationen und Interaktionen mit dem User. Erreicht wird dies dadurch, dass es sich bei einer interaktiven Anzeige um eine HTML-Seite handelt, die alle Möglichkeiten, die HTML5 auf dem ipad im Mobile Safari zur Verfügung stellt, nutzen kann. Diese HTML-Seite wird dann beim Blättern auf die Anzeigenseite in der App geladen und dargestellt. Konkret bedeutet dies, dass praktisch alles, was sich im Mobile Safari darstellen lässt, auch in einer Anzeige Verwendung finden kann. Alle Elemente der Anzeige werden komplett auf das ipad mit dem Heft zusammen runtergeladen, so dass die Anzeige auch komplett funktioniert, wenn der User offline ist. 16
18 ios - ipad Zusätzlich zu der interaktiven HTML-Seite gibt es noch sogenannte Default- und Transition-Bilder. Die Default-Bilder werden Usern angezeigt, die noch eine ältere Version der App haben, die nicht alle interaktiven Features unterstützt. Darüber hinaus werden sie beim Blättern durch die Heftnavigation zur Darstellung einer Anzeigen-Vorschau verwendet. Transition-Bilder werden dem Nutzer gezeigt, während im Hintergrund die HTML- Anzeige geladen und aufgebaut wird. Sobald der Aufbau abgeschlossen ist, wechselt die Darstellung dann zu der HTML-Anzeige. Sollten die Motive der Transition-Bilder und des ersten Bildes des interaktiven Motivs gleich sein, ist es sinnvoll, dass die Anordnung aller Elemente pixelgenau übereinstimmt, da es sonst deutliche Sprünge im Motiv gibt, wenn die Anzeige von Transition auf Interaktiv wechselt. Die oben beschriebenen drei Elemente (interaktive HTML-Seite, Default-Bilder, Transition-Bilder) müssen innerhalb eines Containers angeliefert werden, der den in Bild 6 gezeigten Aufbau hat: Bild 12 Die Unterordner defaults und transition beinhalten dabei die bereits beschriebenen Bilddateien jeweils im Quer- und Hochformat. Der Unterordner ad muss zwingend zwei index-dateien haben eine für das Querformat (index_landscape.html), und eine für das Hochformat (index_portrait.html). Die genannten Dateien in den drei Unterordnern müssen so wie in Bild 6 benannt sein. Darüber hinaus können in dem Unterordner ad noch beliebige weitere Dateien oder Unterordner, die Teil der HTML-Seite sind (z.b. Bilder, Sounds, Videos, CSS- oder JavaScript-Dateien), angelegt werden. Der Einsatz von CSS und JavaScript ist problemlos möglich; ebenso der Einsatz von JavaScript-Bibliotheken und - Frameworks wie z.b. jquery. Generell gilt die Faustregel: Wenn es im Mobile Safari auf einem ipad läuft, dann läuft es mit sehr hoher Wahrscheinlichkeit auch in der ipad-app als Anzeige. 17
19 ios - ipad Unter gibt es einen Beispiel-Container zum Herunterladen. Der HTML-Container kann zudem noch die Datei ad_config.plist erhalten, die das Nutzen einiger ipad-funktionalitäten ermöglicht. So kann die App der Anzeige folgendes mitteilen: - das ipad wurde geschüttelt - die Veränderung des Neigungswinkels - die geographische Ausrichtung (Kompass) - ein Drehen des ipads wird ignoriert, d.h. die Darstellung der Anzeige wird beim Drehen des ipads nicht in das jeweils andere Format gewechselt (diese Funktionalität darf nicht auf der Umschlagseite/ Opening Page verwendet werden!). Wenn diese Datei nicht mit angeliefert wird, wird die Anzeige über keinen der oben genannten Punkte informiert. Mehr zum genauen Inhalt und der Verwendung von ad_config.plist findet sich unter dem Punkt Sonstiges weiter unten. Wichtig: Bei allen interaktiven Anzeigen muss gewährleistet sein, dass der User auch mittels Wischen zur nächsten Heftseite gelangen kann, d.h. eine Wischfunktion innerhalb der Anzeige muss gegebenenfalls erst durch einen Button o.ä. in der Anzeige aktiviert werden. Formate Hochformat:768 x 960 Pixel Querformat:1024 x 704 Pixel Maximale Dateigröße (inkl. Defaults- und Transition-Bildern): 5 MB Default- und Transition-Bilder: - Dateiformat: JPG - Maximale Dateigröße: 200 KB pro Bild Anlieferung (mindestens 9 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - den HTML-Container wie oben beschrieben, inkl. aller zur Darstellung der Anzeige nötigen Dateien, sowie der Default- und Transition-Bilder (jeweils Hoch- und Querformat). - Wenn Sie Clickcommands verwenden möchten, integrieren Sie diese bitte vor der Zusendung an uns in Ihre Anzeige. 18
20 ios - ipad Sonstiges Metatags Um eine korrekte Darstellung der Anzeige zu gewährleisten, sollte folgender Metatag im Kopf der beiden index-dateien enthalten sein: <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> ad_config.plist Die Datei ad_config.plist hat den unten stehenden Inhalt. Wird sie nicht mit angeliefert, werden alle unten aufgeführten Flags mit "false" angenommen. Beispiel: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" " <plist <dict> </dict> </plist> <key>notify_shake</key> <true/> <key>update_accelerometer</key> <false/> <key>update_teslameter</key> <false/> <key>prevent_autorotation</key> <false/> version="1.0"> Um eine der oben genannten ipad-funktionalitäten für die Anzeige zu aktivieren, muss der entsprechende Key auf den Wert true gesetzt werden. Im Falle des obigen Beispiels ist nur die Funktion notify_shake (das ipad wurde geschüttelt) aktiviert. Wenn eine der oben genannten Funktionalitäten aktiviert wurde, ruft sie die folgende JavaScript-Funktion auf, die dann im JavaScript-Code der Anzeige mit der gewünschten Aktion versehen werden muss: ipad wurde geschüttelt: passshakeevent() Veränderung des Neigungswinkels: passacceleration(x,y,z) Kompass: passheading(magneticheading, trueheading) Unterdrücken der Rotation: keine Rückmeldung Die ipad-app teilt der Werbung die Neigung 30mal pro Sekunde mit, Kompassänderungen werden übergeben, wann immer das ipad eine Veränderung feststellt. Bei passacceleration(x,y,z) werden die drei Neigungsrichtungen übergeben; bei passheading(magneticheading, trueheading) entsprechend die Kompassausrichtung. 19
21 ios - ipad JPEG-Pixelanzahl Bitte beachten Sie, dass das ipad alle JPEGs mit mehr als Pixeln skaliert. Breite und Höhe werden dabei durch die kleinste Zweierpotenz dividiert, die notwendig ist, um die Pixelzahl unter zu drücken. (Siehe: e/safariwebcontent/creatingcontentforsafarioniphone/creatingcontentforsafarioni Phone.html) 2.5. Inpage Ad Das Inpage Ad wird innerhalb einer Artikelseite in den Apps der digitalen Editionen des SPIEGEL angezeigt. manager magazin digital sowie Harvard Business Manager Digital unterstützen diese Sonderwerbeform noch nicht. Die Anzeige kann in folgenden Bildformaten angeliefert werden: JPG PNG GIF (für einfache Animationen, nur 256 Farben möglich) optional: Movie (MP4, H.264/MPEG-4 AVC, Baseline@L3.0, 24 FPS), ohne Audiospur; zusätzlich muss hier ein Standbild als Startbild angeliefert werden. Der Film startet automatisch und bleibt auf dem letzten Keyframe stehen. Für die unterschiedlichen Devices wird die Anlieferung in folgenden Formaten benötigt: Telefone: 640x160 Pixel 7 Zoll Geräte und WebReader: 1024x256 Pixel (empfohlen; alternativ 1024x128 Pixel) 10 Zoll Geräte: 2048x512 Pixel (empfohlen bei Geräten mit Retina Auflösung; alternativ 2048x256 Pixel). Für Movies muss auch für 10 Zoll Geräte ein Video im Format 1024x256 angeliefert werden. Die Anzeige kann ausschließlich vollflächig verlinkt werden bei Bedarf muss zusätzlich eine Ziel-URL angeliefert werden. Die Anlieferung muss mindestens 9 Werktage vor Erscheinen erfolgen! 20
22 ios - ipad 2.6. Download Ad Allgemeines Das Download Ad ist eine Anzeige, die während des Herunterladens einer Heft- Ausgabe auf das ipad zu sehen ist. Sie besteht aus bis zu drei Einzelbildern im JPG- Format, welche jeweils eine Größe von 300x250 Pixeln haben. Es kann für jedes Bild individuell festgelegt werden, wie viele Sekunden es zu sehen sein soll, und ob die Bilder in einem Loop laufen sollen (wenn die Bilder nicht in einem Loop laufen, bleibt das letzte Bild bis zum Ende des Downloads stehen). Die Anzeige kann nicht verlinkt werden. manager magazin digital sowie Harvard Business Manager Digital unterstützen diese Sonderwerbeform noch nicht. Format Bildformat: 300x250 Pixel, maximal 3 Bilder Dateiformat: JPG Maximale Dateigröße: 300 KB in Summe für alle Bilder; die Aufteilung auf die einzelnen Bilder ist beliebig (falls nur ein Bild verwendet wird, kann dieses also die kompletten 300 KB beanspruchen). Anlieferung (mindestens 9 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: Bilder wie oben beschrieben. - Eine Angabe zu jedem Bild, wie lange es angezeigt werden soll. Sollen die Bilder im Loop laufen? 2.7. Tracking Die Frage nach den Trackingmöglichkeiten wird naturgemäß häufig gestellt, daher hier ein paar generelle Worte dazu. Der Einsatz von Clickcommands oder Redirects zum Mittracken der Clicks ist bei allen genannten Werbeformen ausser dem Download Ad möglich; allerdings dürfen diese Clickcommands/Redirects keinerlei dynamisch zu ersetzenden Zufallszahl/Zeitstempel enthalten. Was leider aus technischen Gründen nicht geht, ist das Mittracken der Werbeaufrufe, d.h. Zählpixel oder ähnliches können nicht eingesetzt werden. 21
23 ios - ipad Ungeachtet der technischen Möglichkeiten würde es aber auch wenig Sinn machen, die Werbeaufrufe mitzutracken, da der User nicht zwangsläufig online sein muss, wenn er eine ipad-app aus dem SPIEGEL-QC Portfolio nutzt. Anders ausgedrückt: Die Werbeaufrufe, die der User macht, während er offline ist, würden nicht mitgetrackt werden, so dass die tatsächliche resultierende Summe der Aufrufe schlichtweg keinerlei Aussagekraft hätte, weil eben nur solche User mit in die Zählung einfließen würden, die zum Zeitpunkt des Aufrufs der Werbung auch online waren. 22
24 ios - iphone 3. ios iphone Die Anzeigen in der SPIEGEL-App für das iphone sind prinzipiell wie die Anzeigen in der ipad SPIEGEL-App. Somit gelten die Spezifikationen unter auch für das iphone, was die einzelnen Anzeigearten angeht. Einzige Ausnahme ist das Download-Ad, welches nicht auf dem iphone verfügbar ist. Der wesentliche Unterschied zu den ipad-anzeigen ist die Anzeigengröße. Für Anzeigen auf dem iphone benötigen wir nur Anzeigen im Hochformat (Anzeigen im Querformat können auf dem iphone nicht ausgespielt werden und brauchen daher auch nicht angeliefert zu werden). Die Größe der anzuliefernden Anzeige beträgt 320x480 Pixel für non Retina Displays. Wichtig dabei: Der tatsächliche Bereich der Anzeige, der Informationen enthalten sollte, sind die oberen 320x440 Pixel. Beim iphone 1-4 steht aufgrund des kleineren Displays etwas weniger Platz zur Verfügung als beim iphone 5, wodurch die unteren 40 Pixel der Anzeige abgeschnitten werden. Die Anzeige sollte daher möglichst so gestaltet sein, dass die unteren 320x40 Pixel nur Hintergrundfarbe beinhalten und keine relevanten Informationen oder Grafiken, wie z.b. Logos o.ä. Für Retina Displays benötigen wir die Anzeige in einer Größe von 640x960 Pixel (volle Fläche) bzw. 640x880 Pixel (sichtbar zu gestalten) 23
25 ios - iphone Für weitere Fragen steht Ihnen die SPIEGEL QC-Technik unter banner@spiegelqc.de gerne zur Verfügung. 24
26 Web-Reader 4. Web-Reader 4.1. Allgemeines Der Web-Reader für die digitalen Ausgaben von SPIEGEL, manager magazin und Harvard Business Manager ermöglicht es, die jeweilige Publikation in digitaler Form auf einem Tablet, Laptop oder PC/Mac zu lesen. Für eine Anzeige muss jeweils eine Variante im Hoch- und Querformat angeliefert werden. Da Ausgaben (analog zu Printheften) auch zu einem späteren Zeitpunkt als ihrem Erscheinen noch heruntergeladen bzw. gelesen werden können, sollten Ziel-URLs mindestens 6 Monate lang erreichbar bzw. Clickcommands entsprechend lange haltbar sein. Der Einsatz von Clickcommands oder Redirects zum Mittracken der Clicks ist möglich; allerdings ist zu beachten, dass diese keinerlei dynamisch zu ersetzende Inhalte wie z.b. Zeitstempel enthalten dürfen. Was leider aus technischen Gründen nicht geht, ist das Mittracken der Werbeaufrufe, d.h. Zählpixel oder ähnliches können nicht eingesetzt werden. Wichtig: Die Anlieferung muss mindestens 12 Werktage vor Erscheinen erfolgen! Die Anzeigen sind aufgrund ihrer Heftgebundenheit konzeptionell eher wie Print-Anzeigen zu sehen, und nicht wie Online-Anzeigen. Dies bedeutet, dass eine verspätete Anlieferung gegebenenfalls dazu führen kann, dass die Anzeige nicht in der gebuchten Ausgabe erscheint Statische Anzeigen Allgemeines Bei statischen Anzeigen für den Web-Reader handelt es sich um Anzeigen, die aus einem Bild bestehen, welches gegebenenfalls verlinkt werden kann. Als Besonderheit dabei ist zu sehen, dass unterschiedliche Bereiche des Bildes unterschiedliche Ziel-URLs bekommen können. Realisiert wird dies mittels einer HTML-Imagemap, deren "area"-elemente jeweils die linke obere Ecke und die rechte untere Ecke eines Rechtecks beschreiben, hinter welches der gewünschte Link gelegt wird. Es sind nur rechteckige Bereiche möglich. Formate Hochformat:768 x 960 Pixel Querformat:1024 x 704 Pixel Dateiformat: JPG Maximale Dateigröße: 200 KB pro Bild Die Imagemap bekommen wir entweder als HTML-Datei oder als Freitext (bitte klar kennzeichnen, welche URL zu welchem Bereich gehört). Wenn wir nur eine URL erhalten, verlinken wir das Bild vollflächig. 25
27 Web-Reader Die URLs können Clickcommands sein. Eine Integration von Zählpixeln ist allerdings nicht möglich! Ein Beispiel für eine entsprechende HTML-Datei im Querformat finden Sie hier die fett markierten Einträge sind anzupassen. Bitte beachten Sie auch, dass wir für beide Formate eine separate HTML-Datei benötigen: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>anzeige</title> </head> <body> <img src="sp t-1024x704-kunde.jpg" alt="querformat" width="1024" height="704" border="0" usemap="#imagemap" /> <map name="imagemap" id="imagemap"> <area shape="rect" coords="346,524,1004,656" href=" alt="external" /> <area shape="rect" coords="50,550,272,655" href=" alt="external" /> </map> </body> </html> Anlieferung (mindestens 12 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - jeweils ein Bild im Hoch- und Querformat - jeweils eine HTML-Datei im Hoch- und Querformat oder alternativ eine Ziel-URL bei ganzflächiger Verlinkung bzw. die beiden(!) Imagemaps als Freitext 4.3. Interaktive Anzeigen Allgemeines Interaktive Anzeigen für den Web-Reader bestehen aus zwei Elementen: HTML- Content für die interaktive Anzeige, sowie einem statischen Fallback-Bild bei Offline- Nutzung des Heftes. Der WebReader stellt den HTML-Content der Anzeige in einer geschützten Umgebung innerhalb der Seite dar. Der HTML-Content wird dabei in einen Iframe geladen, damit es keine Konflikte zwischen dem externen JavaScript und der WebReader-App geben kann. Dennoch kann der Benutzer mit den ihm gebräuchlichen Gesten (Maus, Touch, Tastatur) weiter im Heft navigieren, auch wenn der Browserfokus auf dem Iframe-Inhalt liegt. Hierzu muss mittels JavaScript das sogenannte Remote-Kit in die Anzeige geladen werden. Der HTML-Content steht nur zur Verfügung, wenn der Benutzer online ist und ist nie Teil einer heruntergeladenen Ausgabe. Wenn der Benutzer offline ist und in einem 26
28 Web-Reader gespeicherten Heft liest, wird anstelle des HTML-Contents ein statisches Bild als Alternative gezeigt. Die oben beschriebenen zwei Elemente - interaktive HTML-Content und statische Fallback-Bilder - müssen innerhalb eines Containers angeliefert werden, der den in unten gezeigten Aufbau hat: Die Unterordner transition beinhaltet dabei die bereits beschriebenen Fallback- Bilddateien jeweils im Quer- und Hochformat. Der Unterordner ad muss zwingend zwei index-dateien haben eine für das Querformat (index_landscape.html), und eine für das Hochformat (index_portrait.html). Die genannten Dateien in den Unterordnern müssen so wie im Bild oben benannt sein. Darüber hinaus können in dem Unterordner ad noch beliebige weitere Dateien oder Unterordner, die Teil der HTML-Seite sind (z.b. Bilder, Videos, CSS- oder JavaScript-Dateien), angelegt werden. Der Einsatz von CSS und JavaScript ist problemlos möglich; ebenso der Einsatz von JavaScript-Bibliotheken und - Frameworks wie z.b. jquery. Format HTML-Content: flexibel Fallback: 1024x704 (Querformat), 768x960 (Hochformat) Wenn das Werbemittel auch in der ipad-app des digitalen SPIEGEL geschaltet werden soll, beträgt die maximale Dateigröße (inkl. Defaults- und Transition-Bildern) 5 MB. Bei einer Schaltung ausschließlich im Web-Reader beträgt die maximale Dateigröße 30 MB. 27
29 Web-Reader Transition-Bilder: Dateiformat: JPG Maximale Dateigröße: 200 KB pro Bild Programmierung Folgende Punkte sind bei der Erstellung der HTML-Seiten zu beachten: Einbettung des Remote-Kit: Als erstes Element im <body> der Seiten muss folgendes JavaScript integriert werden, damit das Remote-Kit des WebReaders geladen und benutzt wird: <script type="text/javascript" src="/reader/remote/remote.nocache.js"></script> Der Benutzer kann das Fenster frei skalieren, die Werbung sollte also flexibel die Breite und Höhe des zur Verfügung stehenden Platzes nutzen. Man kann aber von einer Mindestgröße von 758x356 Pixeln ausgehen. Die Seitenfarbe ist ein reines Weiß (#FFFFFF), wenn die Werbung also ebenfalls auf weiß steht, integriert sie sich am Besten in das Look & Feel des WebReaders. Der WebReader wird in allen modernen Browsern benutzt. Es ist daher erforderlich, dass die Anzeige mindestens in den folgenden Browsern fehlerfrei funktioniert: Safari, Chrome, Firefox, Opera, Internet Explorer (ab Version 7), MobileSafari auf ipad, WebKit auf Android. Das Remote-Kit bietet optional folgende Möglichkeiten: Werbung mit fester Größe auf der Seite zentrieren Hierzu kann man den Inhalt der Werbe-Seite mit einem <div> Element mit der id center umschließen. Beispiel: <div id="center" style="width: 800px; height: 500px; "> hier kommt der inhalt </div> Gesten für die Werbung nutzen Wenn in bestimmten Teilen der Werbung die Swipe-Geste genutzt werden soll, ohne dass der WebReader in den nächsten Artikel weiter blättert, kann die Interaktion mit dem WebReader blockiert werden. Hierzu setzt man auf den entsprechenden Elementen die CSS-Klasse blind. Interaktionen mit diesen Elementen werden vom WebReader dann nicht interpretiert. Neben blind kann man auch blindall verwenden, dann gilt die Sperre auch für alle Kinder des entsprechenden Elements. Beispiel: <div class="blindall"> In diesem Bereich kann nicht umgeblättert werden. Hier kann die Werbung tolle Interaktionen ausführen. </div> 28
30 Web-Reader Navigation in der Ausgabe Über einen JavaScript-Funktionsaufruf kann aus der Werbung ein Umblättern in den nächsten, bzw. vorigen Artikel ausgelöst werden.beispiele: <a href="#" onclick="spiegel.remote.previousarticle(); return false; ">klick</a> <a href="#" onclick="spiegel.remote.nextarticle(); return false; ">klick</a> Anlieferung (mindestens 12 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - den HTML-Container wie oben beschrieben, inkl. aller zur Darstellung der Anzeige nötigen Dateien, sowie der Transition-Bilder (jeweils Hoch- und Querformat). Wenn Sie Clickcommands verwenden möchten, integrieren Sie diese bitte vor der Zusendung an uns in Ihre Anzeige. 29
31 Windows8 5. Windows Allgemeines Der Web-Reader für die digitalen Ausgaben von SPIEGEL, manager magazin und Harvard Business Manager ermöglicht es, die jeweilige Publikation in digitaler Form auf einem Tablet, Laptop oder PC/Mac zu lesen. Für eine Anzeige muss jeweils eine Variante im Hoch- und Querformat angeliefert werden. Da Ausgaben (analog zu Printheften) auch zu einem späteren Zeitpunkt als ihrem Erscheinen noch heruntergeladen bzw. gelesen werden können, sollten Ziel-URLs mindestens 6 Monate lang erreichbar bzw. Clickcommands entsprechend lange haltbar sein. Der Einsatz von Clickcommands oder Redirects zum Mittracken der Clicks ist möglich; allerdings ist zu beachten, dass diese keinerlei dynamisch zu ersetzende Inhalte wie z.b. Zeitstempel enthalten dürfen. Was leider aus technischen Gründen nicht geht, ist das Mittracken der Werbeaufrufe, d.h. Zählpixel oder ähnliches können nicht eingesetzt werden. Wichtig: Die Anlieferung muss mindestens 12 Werktage vor Erscheinen erfolgen! Die Anzeigen sind aufgrund ihrer Heftgebundenheit konzeptionell eher wie Print-Anzeigen zu sehen, und nicht wie Online-Anzeigen. Dies bedeutet, dass eine verspätete Anlieferung gegebenenfalls dazu führen kann, dass die Anzeige nicht in der gebuchten Ausgabe erscheint Statische Anzeigen Allgemeines Bei statischen Anzeigen für den Web-Reader handelt es sich um Anzeigen, die aus einem Bild bestehen, welches gegebenenfalls verlinkt werden kann. Als Besonderheit dabei ist zu sehen, dass unterschiedliche Bereiche des Bildes unterschiedliche Ziel-URLs bekommen können. Realisiert wird dies mittels einer HTML-Imagemap, deren "area"-elemente jeweils die linke obere Ecke und die rechte untere Ecke eines Rechtecks beschreiben, hinter welches der gewünschte Link gelegt wird. Es sind nur rechteckige Bereiche möglich. Formate Hochformat:768 x 960 Pixel Querformat:1024 x 704 Pixel Dateiformat: JPG Maximale Dateigröße: 200 KB pro Bild Die Imagemap bekommen wir entweder als HTML-Datei oder als Freitext (bitte klar kennzeichnen, welche URL zu welchem Bereich gehört). Wenn wir nur eine URL erhalten, verlinken wir das Bild vollflächig. 30
32 Windows8 Die URLs können Clickcommands sein. Eine Integration von Zählpixeln ist allerdings nicht möglich! Ein Beispiel für eine entsprechende HTML-Datei im Querformat finden Sie hier die fett markierten Einträge sind anzupassen. Bitte beachten Sie auch, dass wir für beide Formate eine separate HTML-Datei benötigen: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>anzeige</title> </head> <body> <img src="sp t-1024x704-kunde.jpg" alt="querformat" width="1024" height="704" border="0" usemap="#imagemap" /> <map name="imagemap" id="imagemap"> <area shape="rect" coords="346,524,1004,656" href=" alt="external" /> <area shape="rect" coords="50,550,272,655" href=" alt="external" /> </map> </body> </html> Anlieferung (mindestens 12 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - jeweils ein Bild im Hoch- und Querformat - jeweils eine HTML-Datei im Hoch- und Querformat oder alternativ eine Ziel-URL bei ganzflächiger Verlinkung bzw. die beiden(!) Imagemaps als Freitext 5.3. Interaktive Anzeigen Allgemeines Interaktive Anzeigen für den Web-Reader bestehen aus zwei Elementen: HTML- Content für die interaktive Anzeige, sowie einem statischen Fallback-Bild bei Offline- Nutzung des Heftes. Der WebReader stellt den HTML-Content der Anzeige in einer geschützten Umgebung innerhalb der Seite dar. Der HTML-Content wird dabei in einen Iframe geladen, damit es keine Konflikte zwischen dem externen JavaScript und der WebReader-App geben kann. Dennoch kann der Benutzer mit den ihm gebräuchlichen Gesten (Maus, Touch, Tastatur) weiter im Heft navigieren, auch wenn der Browserfokus auf dem Iframe-Inhalt liegt. Hierzu muss mittels JavaScript das sogenannte Remote-Kit in die Anzeige geladen werden. Der HTML-Content steht nur zur Verfügung, wenn der Benutzer online ist und ist nie Teil einer heruntergeladenen Ausgabe. Wenn der Benutzer offline ist und in einem 31
33 Windows8 gespeicherten Heft liest, wird anstelle des HTML-Contents ein statisches Bild als Alternative gezeigt. Die oben beschriebenen zwei Elemente - interaktive HTML-Content und statische Fallback-Bilder - müssen innerhalb eines Containers angeliefert werden, der den in unten gezeigten Aufbau hat: Die Unterordner transition beinhaltet dabei die bereits beschriebenen Fallback- Bilddateien jeweils im Quer- und Hochformat. Der Unterordner ad muss zwingend zwei index-dateien haben eine für das Querformat (index_landscape.html), und eine für das Hochformat (index_portrait.html). Die genannten Dateien in den Unterordnern müssen so wie im Bild oben benannt sein. Darüber hinaus können in dem Unterordner ad noch beliebige weitere Dateien oder Unterordner, die Teil der HTML-Seite sind (z.b. Bilder, Videos, CSS- oder JavaScript-Dateien), angelegt werden. Der Einsatz von CSS und JavaScript ist problemlos möglich; ebenso der Einsatz von JavaScript-Bibliotheken und - Frameworks wie z.b. jquery. Format HTML-Content: flexibel Fallback: 1024x704 (Querformat), 768x960 (Hochformat) Wenn das Werbemittel auch in der ipad-app des digitalen SPIEGEL geschaltet werden soll, beträgt die maximale Dateigröße (inkl. Defaults- und Transition-Bildern) 5 MB. Bei einer Schaltung ausschließlich im Web-Reader beträgt die maximale Dateigröße 30 MB. 32
34 Windows8 Transition-Bilder: Dateiformat: JPG Maximale Dateigröße: 200 KB pro Bild Programmierung Folgende Punkte sind bei der Erstellung der HTML-Seiten zu beachten: Einbettung des Remote-Kit: Als erstes Element im <body> der Seiten muss folgendes JavaScript integriert werden, damit das Remote-Kit des WebReaders geladen und benutzt wird: <script type="text/javascript" src="/reader/remote/remote.nocache.js"></script> Der Benutzer kann das Fenster frei skalieren, die Werbung sollte also flexibel die Breite und Höhe des zur Verfügung stehenden Platzes nutzen. Man kann aber von einer Mindestgröße von 758x356 Pixeln ausgehen. Die Seitenfarbe ist ein reines Weiß (#FFFFFF), wenn die Werbung also ebenfalls auf weiß steht, integriert sie sich am Besten in das Look & Feel des WebReaders. Der WebReader wird in allen modernen Browsern benutzt. Es ist daher erforderlich, dass die Anzeige mindestens in den folgenden Browsern fehlerfrei funktioniert: Safari, Chrome, Firefox, Opera, Internet Explorer (ab Version 7), MobileSafari auf ipad, WebKit auf Android. Das Remote-Kit bietet optional folgende Möglichkeiten: Werbung mit fester Größe auf der Seite zentrieren Hierzu kann man den Inhalt der Werbe-Seite mit einem <div> Element mit der id center umschließen. Beispiel: <div id="center" style="width: 800px; height: 500px; "> hier kommt der inhalt </div> Gesten für die Werbung nutzen Wenn in bestimmten Teilen der Werbung die Swipe-Geste genutzt werden soll, ohne dass der WebReader in den nächsten Artikel weiter blättert, kann die Interaktion mit dem WebReader blockiert werden. Hierzu setzt man auf den entsprechenden Elementen die CSS-Klasse blind. Interaktionen mit diesen Elementen werden vom WebReader dann nicht interpretiert. Neben blind kann man auch blindall verwenden, dann gilt die Sperre auch für alle Kinder des entsprechenden Elements. Beispiel: <div class="blindall"> In diesem Bereich kann nicht umgeblättert werden. Hier kann die Werbung tolle Interaktionen ausführen. </div> 33
35 Windows8 Navigation in der Ausgabe Über einen JavaScript-Funktionsaufruf kann aus der Werbung ein Umblättern in den nächsten, bzw. vorigen Artikel ausgelöst werden.beispiele: <a href="#" onclick="spiegel.remote.previousarticle(); return false; ">klick</a> <a href="#" onclick="spiegel.remote.nextarticle(); return false; ">klick</a> Anlieferung (mindestens 12 Werktage vor Erscheinen) Folgendes benötigen wir bei der Anlieferung: - den HTML-Container wie oben beschrieben, inkl. aller zur Darstellung der Anzeige nötigen Dateien, sowie der Transition-Bilder (jeweils Hoch- und Querformat). Wenn Sie Clickcommands verwenden möchten, integrieren Sie diese bitte vor der Zusendung an uns in Ihre Anzeige. 34
36 Windows8 35
Spezifikationen Dein SPIEGEL digital
Spezifikationen Dein SPIEGEL digital 1. Tablets (ipad, Android 7 /Kindle Fire, Android 10 ) 1.1. Allgemeines 1.2. Statische Anzeigen 1.3. Statische Anzeigen mit Video 1.4. Interaktive Anzeigen 1.5. Tracking
Hamburg, Juni Der digitale SPIEGEL. Technische Spezifikationen
Hamburg, Juni 2015 Der digitale SPIEGEL Technische Spezifikationen Agenda Fullpage Ad Opening Page Download Ad Inpage Ad Digital Insert 2 Fullpage Ad Statische Anzeigen Hochformat (Pixel): ipad: 768x960
c t HTML 5 App Werbemittelanforderung
c t HTML 5 App Werbemittelanforderung Preise und Spezifikationen Werbeform Platzierung Preis Print/App-Kombi Opening Page Opening Page Print/App-Kombi Marktanzeigen (Fullscreen, ½, ¼ Screen) Innerhalb
Technische Spezifikationen fu r ganzseitige Werbung in der Handelsblatt Live App
Technische Spezifikationen fu r ganzseitige Werbung in der Handelsblatt Live App Seite 1 von 7 So kommt Ihre Anzeige in die Handelsblatt Live App: 1. Sie liefern Ihre Anzeige an banner@iqdigital.de 2.
Spezifikationen AUTO BILD Tablet App. Stand: 23. Oktober 2014
Spezifikationen AUTO BILD Tablet App Stand: 23. Oktober 2014 1 23.10.2014 AUTO BILD Tablet App Spezifikationen Informationen zur AUTO BILD Tablet App Die AUTO BILD Tablet App:...gibt es für ios- und Android
Spezifikationen AUTO BILD Tablet App. Stand: 19. Juli 2013
Spezifikationen AUTO BILD Tablet App Stand: 19. Juli 2013 1 19.07.2013 AUTO BILD Tablet App Spezifikationen Informationen zur AUTO BILD Tablet App Die AUTO BILD Tablet App:...gibt es für ios- und Android
AdOps Technische Spezifikationen
AdOps Technische Spezifikationen HTML5-Werbemittel (Desktop) Bei der Verwendung von Redirects müssen diese Spezifikationen nicht beachtet werden. Physische Anlieferung von HTML5-Werbemitteln + Trackings.
Spezifikationen SPORT BILD PLUS Tablet App
Spezifikationen SPORT BILD PLUS Tablet App Stand: 04. April 2014 1 04.04.2014 SPORT BILD PLUS Tablet App Spezifikationen Informationen zur SPORT BILD Tablet App Die SPORT BILD Tablet App:...gibt es für
Mobile Technische Spezifikationen
Mobile Technische Spezifikationen Inhalt 1. Allgemeine Hinweise Folie 2 2. Mobile Banner Folie 4 3. Mobile Medium Rectangle Folie 9 4. Prestitial Folie 10 5. Sponsoring (Logointegration + Logo Flip) Folie
Einfügen von Bildern innerhalb eines Beitrages
Version 1.2 Einfügen von Bildern innerhalb eines Beitrages Um eigene Bilder ins Forum einzufügen, gibt es zwei Möglichkeiten. 1.) Ein Bild vom eigenem PC wird auf den Webspace von Baue-die-Bismarck.de
Schulung Marketing Engine Thema : Einrichtung der App
Schulung Marketing Engine Thema : Einrichtung der App Videoanleitung : http://www.edge-cdn.net/video_885168?playerskin=48100 Marketing Engine Tool : App Paket : Basis / Premium Version 2.0-03.11.2015 1
IAB Formate und Verwendungen - Stand November 2008
IAB Formate und Verwendungen - Stand November 2008 IAB Standards für Werbeformen dienen als Richtlinien und Empfehlung für die Erstellung von Online Creatives. Nach diesen Standards erstellte Werbemittel
manager magazin online mobil (MEW)
Hamburg, März 2015 manager magazin online mobil (MEW) Werbeformen 2015 Mobile Sonderwerbeformen Übersicht unverbindliche Visualisierungsbeispiele 2 Content Ad 1:1 Maximale Aufmerksamkeit mit dem Content
Fotos verkleinern mit Paint
Fotos verkleinern mit Paint Warum Paint? Sicher, es gibt eine Menge kostenloser guter Programme und Möglichkeiten im Netz zum Verkleinern von Fotos. Letztendlich ist es Geschmackssache, aber meine Erfahrungen
BFV Widgets Kurzdokumentation
BFV Widgets Kurzdokumentation Mit Hilfe eines BFV-Widgets lassen sich die neuesten Ergebnisse und die aktuellen Tabellen des BFV auf der eigenen nicht kommerziellen Webseite mit wenig Aufwand einbeten.
Leitfaden zur ersten Nutzung der R FOM Portable-Version für Windows (Version 1.0)
Leitfaden zur ersten Nutzung der R FOM Portable-Version für Windows (Version 1.0) Peter Koos 03. Dezember 2015 0 Inhaltsverzeichnis 1 Voraussetzung... 3 2 Hintergrundinformationen... 3 2.1 Installationsarten...
Native RecommendationAds (Online /Mobile)
Native RecommendationAds (Online /Mobile) Seite 1 Standard 50 Zeichen (erscheint mit Teaser) Kurz 25 Zeichen (erscheint mit Teaser) Nur Titel 40 Zeichen (erscheint ohne Teaser) Dateiformat JPG, PNG, GIF
Technische Spezifikationen
Technische Spezifikationen MOBILE Gültig ab 01.04.2013 Inhaltsverzeichnis Allgemeine Informationen Anlieferung der Werbemittel 4 Abrechnung Gewährleistung 5 Standardformate 7 Sonderformate 10 Übersicht
Schulung Marketing Engine Thema : Einrichtung der App
Schulung Marketing Engine Thema : Einrichtung der App Videoanleitung : http://www.edge-cdn.net/video_885168?playerskin=48100 Marketing Engine Tool : App Paket : Basis / Premium Version 1.0-09.07.2015 1
Die Dateiablage Der Weg zur Dateiablage
Die Dateiablage In Ihrem Privatbereich haben Sie die Möglichkeit, Dateien verschiedener Formate abzulegen, zu sortieren, zu archivieren und in andere Dateiablagen der Plattform zu kopieren. In den Gruppen
Allgemeine Informationen Slides2Go Stand April 2015
Allgemeine Informationen Slides2Go Stand April 2015 1. ALLGEMEINE INFORMATIONEN... 3 1.1 SYSTEMANFORDERUNGEN WEB-BACKEND... 3 1.2 SYSTEMANFORDERUNGEN FRONTEND / APP... 3 1.3 UNTERSTÜTZTE DATEIFORMATE...
RP Plus. Werbemöglichkeiten
RP Plus Werbemöglichkeiten Inhalt Das Textteilformat Fullpage-Formate Fullpage Connect Fullpage Motion Fullpage 360 Fullpage Premium Fullpage Premium Beilagen Fullpage Presenter Allgemeine Technische Spezifikationen
«Integration in WebSite» HTML-/Javascript-Code-Beispiele
QuickInfo «Integration in WebSite» HTML-/Javascript-Code-Beispiele Fragen? Ihre Umfrage soll direkt in resp. auf Ihrer WebSite erscheinen? Die Möglichkeiten für eine technische Integration an exakten Stellen
affilinet_ Flash-Spezifikationen
affilinet_ Flash-Spezifikationen Inhaltsverzeichnis Allgemeines...2 Klickzählung...2 Lead/Sale Programme... 2 PPC und Kombi Programme...3 Übergabe von Formulardaten...4 clicktag Variante Sale/Lead Programm...4
13.02.2014. Technische Spezifikationen für Mobile Ads
Technische Spezifikationen für Mobile Ads CONDÉ NAST WERBEFORMEN INHALT Überblick Mobile Ads Seite 3 MOBILE Website & Wrapper App GQ Mobile Website Seite 4/5/6/7/8/9 VOGUE Mobile Website (nur Smartphone)
Die ipad-apps der F.A.Z.
1 Für alle, die auch im Kopf viel herumkommen. Die ipad-apps der F.A.Z. Spitzenjournalismus im feinen Design und mit durchdachter Usability: Mit den ipad-apps der Frankfurter Allgemeinen Zeitung können
Als Lehrende/r oder Mitwirkende/r einer Veranstaltung können Sie das Wiki unter dem Funktionsreiter + aktivieren und deaktivieren.
WikiWikiWeb Das automatisch in einer Veranstaltung aktivierte Modul/Plugin Wiki-Web ist eine Variante eines Wiki (hawaiisch für schnell ), in dem es den TeilnehmerInnen möglich ist, direkt in der angewählten
ANLEITUNG EBOOKS. 1. Der Kauf von ebooks über den Onlineshop
ANLEITUNG EBOOKS 1. Der Kauf von ebooks über den Onlineshop Wenn Sie über unseren Onlineshop ein ebook (im Dateiformat epub) erworben haben, erhalten Sie zunächst eine Benachrichtigung per E-Mail (zusätzlich
Der große VideoClip- Wettbewerb von Media Markt.
Der große VideoClip- Wettbewerb von Media Markt. Zeig was du drauf hast! Am 1. Juli startet eine Aktion, wie sie die Schweiz noch nicht gesehen hat. Unter dem Motto Zeig was Du drauf hast! suchen wir den
Bilder zum Upload verkleinern
Seite 1 von 9 Bilder zum Upload verkleinern Teil 1: Maße der Bilder verändern Um Bilder in ihren Abmessungen zu verkleinern benutze ich die Freeware Irfan View. Die Software biete zwar noch einiges mehr
10.1 Auflösung, Drucken und Scannen
Um einige technische Erläuterungen kommen wir auch in diesem Buch nicht herum. Für Ihre Bildergebnisse sind diese technischen Zusammenhänge sehr wichtig, nehmen Sie sich also etwas Zeit und lesen Sie dieses
Sich einen eigenen Blog anzulegen, ist gar nicht so schwer. Es gibt verschiedene Anbieter. www.blogger.com ist einer davon.
www.blogger.com Sich einen eigenen Blog anzulegen, ist gar nicht so schwer. Es gibt verschiedene Anbieter. www.blogger.com ist einer davon. Sie müssen sich dort nur ein Konto anlegen. Dafür gehen Sie auf
Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite.
ewon - Technical Note Nr. 003 Version 1.2 Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite. Übersicht 1. Thema 2. Benötigte Komponenten 3. Downloaden der Seiten und aufspielen auf
Der digitale Harvard Business Manager. auf mobilen Endgeräten abrufbar
Der digitale Harvard Business Manager auf mobilen Endgeräten abrufbar Der digitale Harvard Business Manager Digital auf mobilen Endgeräten abrufbar Den digitalen Harvard Business Manager gibt es in einer
Einstellungen im Internet-Explorer (IE) (Stand 11/2013) für die Arbeit mit IOS2000 und DIALOG
Einstellungen im Internet-Explorer (IE) (Stand 11/2013) für die Arbeit mit IOS2000 und DIALOG Um mit IOS2000/DIALOG arbeiten zu können, benötigen Sie einen Webbrowser. Zurzeit unterstützen wir ausschließlich
Um in das Administrationsmenü zu gelangen ruft Ihr Eure Seite auf mit dem Zusatz?mod=admin :
WebsoziCMS 2.8.9 Kurzanleitung Stand: 10.04.2008 Andreas Kesting Diese Kurzanleitung zum WebsoziCMS 2.8.9 beschränkt beschränkt sich auf die häufigsten Tätigkeiten beim Administrieren Eurer Homepage: -
Mobile. Te c h n i s c h e S p e z i f i k a t i o n e n
Mobile Te c h n i s c h e S p e z i f i k a t i o n e n 1 Inhaltsverzeichnis Allgemeine Hinweise 3 Anlieferung 4 Auslieferung 5 HTML5 6 Sound 7 Werbeformen 8 Mobile Content Ad (2:1/4:1/6:1) 9 Mobile Pre-/Interstitial
Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet.
5.6. Der HTML-Editor Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. Bild 33: Der Editor 5.6.1. Allgemeine
Einführung Responsive Webdesign
Einführung Responsive Webdesign Aktuelle Situation Desktop Webseiten Umsetzungen auch heute noch in den meisten Fällen Pixelbasiert JavaScript schafft Dynamik CSS schafft Trennung von Inhalt und Layout
Seite 1 von 14. Cookie-Einstellungen verschiedener Browser
Seite 1 von 14 Cookie-Einstellungen verschiedener Browser Cookie-Einstellungen verschiedener Browser, 7. Dezember 2015 Inhaltsverzeichnis 1.Aktivierung von Cookies... 3 2.Cookies... 3 2.1.Wofu r braucht
Online-Zugang zum EOM. Anleitung
Online-Zugang zum EOM Anleitung Inhalt 1. Wie melde ich mich für den Online-Zugang an?... 2 2. Wie kann ich mein persönliches Kennwort zukünftig ändern?... 4 3. Welche Informationen finde ich im Intranet?...
Datensicherung. Beschreibung der Datensicherung
Datensicherung Mit dem Datensicherungsprogramm können Sie Ihre persönlichen Daten problemlos Sichern. Es ist möglich eine komplette Datensicherung durchzuführen, aber auch nur die neuen und geänderten
BSV Software Support Mobile Portal (SMP) Stand 1.0 20.03.2015
1 BSV Software Support Mobile Portal (SMP) Stand 1.0 20.03.2015 Installation Um den Support der BSV zu nutzen benötigen Sie die SMP-Software. Diese können Sie direkt unter der URL http://62.153.93.110/smp/smp.publish.html
Kapitel 3 Frames Seite 1
Kapitel 3 Frames Seite 1 3 Frames 3.1 Allgemeines Mit Frames teilt man eine HTML-Seite in mehrere Bereiche ein. Eine Seite, die mit Frames aufgeteilt ist, besteht aus mehreren Einzelseiten, die sich den
Tevalo Handbuch v 1.1 vom 10.11.2011
Tevalo Handbuch v 1.1 vom 10.11.2011 Inhalt Registrierung... 3 Kennwort vergessen... 3 Startseite nach dem Login... 4 Umfrage erstellen... 4 Fragebogen Vorschau... 7 Umfrage fertigstellen... 7 Öffentliche
zwanzignull8 DIE MODULARE VERTRIEBS SOFTWARE im Einsatz für die Sto SE & Co KGaA info@1a-p.com www.1a-p.com +49 (0) 7728 645 0
DIE MODULARE VERTRIEBS SOFTWARE im Einsatz für die Sto SE & Co KGaA info@1a-p.com www.1a-p.com +49 (0) 7728 645 0 ZWANZIGNULL8 AM PULS DER ZEIT Die Präsentationssoftware zwanzignull8 erfreut sich zunehmender
Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
Anleitung BFV-Widget-Generator
Anleitung BFV-Widget-Generator Seite 1 von 6 Seit dem 1. Oktober 2014 hat der Bayerische Fußball-Verband e.v. neue Widgets und einen neuen Baukasten zur Erstellung dieser Widgets veröffentlicht. Im Folgenden
Anleitung Stempelerstellung Geocoinshop.de
Anleitung Stempelerstellung Geocoinshop.de Um deinen eigenen Stempel zu erstellen, kannst Du fertige Elemente benutzen, oder eigene Logos, Bilder, etc hochladen, um sie dann mit Text zu kombinieren. Du
Anleitung für die Registrierung und das Einstellen von Angeboten
Anleitung für die Registrierung und das Einstellen von Angeboten Das FRROOTS Logo zeigt Ihnen in den Abbildungen die wichtigsten Tipps und Klicks. 1. Aufrufen der Seite Rufen Sie zunächst in Ihrem Browser
derstandard.at Werbeformen Stand: 02.04.2015 Wie Sie die Welt erreichen. Die Werbeformen auf derstandard.at
derstandard.at Werbeformen Stand: 02.04.2015 Wie Sie die Welt erreichen. Die Werbeformen auf derstandard.at Überblick Dynamisch platzierte Werbeformen Sie bestimmen wie viele UserInnen Sie erreichen wollen
HTML5. Wie funktioniert HTML5? Tags: Attribute:
HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,
WORKSHOP für das Programm XnView
WORKSHOP für das Programm XnView Zur Bearbeitung von Fotos für die Nutzung auf Websites und Online Bildergalerien www.xnview.de STEP 1 ) Bild öffnen und Größe ändern STEP 2 ) Farbmodus prüfen und einstellen
Der Kalender im ipad
Der Kalender im ipad Wir haben im ipad, dem ipod Touch und dem iphone, sowie auf dem PC in der Cloud einen Kalender. Die App ist voreingestellt, man braucht sie nicht laden. So macht es das ipad leicht,
Java Script für die Nutzung unseres Online-Bestellsystems
Es erreichen uns immer wieder Anfragen bzgl. Java Script in Bezug auf unser Online-Bestell-System und unser Homepage. Mit dieser Anleitung möchten wir Ihnen einige Informationen, und Erklärungen geben,
Was man mit dem Computer alles machen kann
Was man mit dem Computer alles machen kann Wie komme ich ins Internet? Wenn Sie einen Computer zu Hause haben. Wenn Sie das Internet benutzen möchten, dann brauchen Sie ein eigenes Programm dafür. Dieses
Logics App-Designer V3.1 Schnellstart
Logics App-Designer V3.1 Schnellstart Stand 2012-09-07 Logics Software GmbH Tel: +49/89/552404-0 Schwanthalerstraße 9 http://www.logics.de/apps D-80336 München mailto:apps@logics.de Inhalt Ihr Logics Zugang...
AGROPLUS Buchhaltung. Daten-Server und Sicherheitskopie. Version vom 21.10.2013b
AGROPLUS Buchhaltung Daten-Server und Sicherheitskopie Version vom 21.10.2013b 3a) Der Daten-Server Modus und der Tresor Der Daten-Server ist eine Betriebsart welche dem Nutzer eine grosse Flexibilität
Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage
Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage Inhaltsverzeichnis 1. Anmeldung... 2 1.1 Startbildschirm... 3 2. Die PDF-Dateien hochladen... 4 2.1 Neue PDF-Datei erstellen... 5 3. Obelix-Datei
19.09.2014. Technische Spezifikationen für Mobile Ads
Technische Spezifikationen für Mobile Ads CONDÉ NAST MOBILE WERBEFORMEN INHALT Überblick Mobile Ads Seite 3 MOBILE Websiten GQ VOGUE GLAMOUR Mobile Banner, Mobile Mediurm Rectangle Seite 5 Mobile Billboard
Live Update (Auto Update)
Live Update (Auto Update) Mit der Version 44.20.00 wurde moveit@iss+ um die Funktion des Live Updates (in anderen Programmen auch als Auto Update bekannt) für Programm Updates erweitert. Damit Sie auch
easytermin App easysolution GmbH 1
easytermin App easysolution GmbH 1 Einleitung Vorwort Sowohl Interessenten als auch Kunden sollten zu jedem Zeitpunkt und von jedem Ort aus Termine mit unseren Mitarbeitern vereinbaren können. Um hierzu
Anleitung zum OSPH DataCenter 10.06.2013
Anleitung zum OSPH DataCenter 10.06.2013 1. Beschreibung Das DataCenter des OSP Hessen (OSPH) dient der schnellen und sicheren Verteilung von Diagnostikergebnissen und Videos an Athleten und (Bundes-)Trainer.
SANDBOXIE konfigurieren
SANDBOXIE konfigurieren für Webbrowser und E-Mail-Programme Dies ist eine kurze Anleitung für die grundlegenden folgender Programme: Webbrowser: Internet Explorer, Mozilla Firefox und Opera E-Mail-Programme:
Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden.
In einer Website haben Seiten oft das gleiche Layout. Speziell beim Einsatz von Tabellen, in denen die Navigation auf der linken oder rechten Seite, oben oder unten eingesetzt wird. Diese Anteile der Website
Die Tablet-Ausgabe von promobil
Die Tablet-Ausgabe von promobil Die Digital-Ausgabe von Europas größtem Reisemobil-Magazin Seite 1 promobil jetzt multimedial auf allen Tablets Seit der CMT 2012 gibt es promobil nun auch als digitale
Werbemittelspezifikation
Werbemittelspezifikation DISPLAY VIDEO MOBILE ROQUAD Werbeformen Allgemeines Anlieferung der Werbemittel Display Ads Standartwerbeformen Superbanner Seite 5 Skyscraper Seite 6 Wide Skyscraper Seite 7 Medium
Teaser-Bilder erstellen mit GIMP. Bildbearbeitung mit GIMP 1
Teaser-Bilder erstellen mit GIMP 08.08.2014 Bildbearbeitung mit GIMP 1 Auf den folgenden Seiten werden die wichtigsten Funktionen von GIMP gezeigt, welche zur Erstellung von Bildern für die Verwendung
sm@rt-tan plus Flickerfeld bewegt sich nicht
Technischer Hintergrund Um die Verwendung des Verfahrens Sm@rt-TAN plus des neuen sicheren TAN- Verfahrens so komfortabel wie möglich zu gestalten, wurde eine Möglichkeit geschaffen, die Angaben einer
Das E-Magazine von promobil. Die Digital-Ausgabe von Europas größtem Reisemobil-Magazin
Das E-Magazine von promobil Die Digital-Ausgabe von Europas größtem Reisemobil-Magazin promobil jetzt multimedial auf allen Tablets Seit der CMT 2012 gibt es promobil nun auch als digitale Version für
Einbindung von Videos im ZMS
Einbindung von Videos im ZMS Videos können auf Ihrer ZMS-Website auf vier verschiedene Arten eingebunden werden: - Video-Link (z.b. You Tube) - Real Media Stream - Video-Datei - Flash-Datei Um ein Video
Meine erste Homepage - Beispiele
Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir
Meldung Lokale Anwendung inkompatibel oder Microsoft Silverlight ist nicht aktuell bei Anmeldung an lokal gespeicherter RWE SmartHome Anwendung
Meldung Lokale Anwendung inkompatibel oder Microsoft Silverlight ist nicht aktuell bei Anmeldung an lokal gespeicherter RWE SmartHome Anwendung Nach dem Update auf die Version 1.70 bekommen Sie eine Fehlermeldung,
Dokumentation Externe Anzeige von Evento Web Dialogen
Dokumentation Externe Anzeige von Evento Web Dialogen Autor: Roger Guillet Telefon 058 404 83 57 E-Mail roger.guillet@crealogix.com CREALOGIX Evento Postfach 112, Baslerstrasse 60 CH-8066 Zürich Telefon
Wir bewegen Marken. Richtlinien von MRAID basierten InApp-HTML5-MobileAds innerhalb des SevenOne Media Portfolios. InApp HTML5
Richtlinien von MRAID basierten InApp-HTML5-MobileAds innerhalb des SevenOne Media Portfolios InApp HTML5 Richtlinien von MRAID basierten InApp-HTML5- MobileAds innerhalb des SevenOne Media Portfolios
Anleitung über den Umgang mit Schildern
Anleitung über den Umgang mit Schildern -Vorwort -Wo bekommt man Schilder? -Wo und wie speichert man die Schilder? -Wie füge ich die Schilder in meinen Track ein? -Welche Bauteile kann man noch für Schilder
Erstellen einer digitalen Signatur für Adobe-Formulare
Erstellen einer digitalen Signatur für Adobe-Formulare (Hubert Straub 24.07.13) Die beiden Probleme beim Versenden digitaler Dokumente sind einmal die Prüfung der Authentizität des Absenders (was meist
Anleitung zur Daten zur Datensicherung und Datenrücksicherung. Datensicherung
Anleitung zur Daten zur Datensicherung und Datenrücksicherung Datensicherung Es gibt drei Möglichkeiten der Datensicherung. Zwei davon sind in Ges eingebaut, die dritte ist eine manuelle Möglichkeit. In
Video-Tutorial: Einrichten einer Facebook Landing Page in der Facebook Chronik (Timeline)
Video-Tutorial: Einrichten einer Facebook Landing Page in der Facebook Chronik (Timeline) Skript Nivea hat eine Die Telekom hat eine Microsoft hat eine Und selbst die BILD-Zeitung hat eine Wovon ich spreche?
Die Rückgabe kann über folgende, von uns getestete Programme / Apps vorgenommen werden: Adobe Digital Editions Sony Reader for PC Bluefire Reader
So funktioniert die VORZEITIGE RÜCKGABE Eine vorzeitige Rückgabe von Titeln aus der Onleihe ist für alle ebooks möglich. Einzige Ausnahme ist das Format PDF - ausschließlich für PC/Laptop - Adobe Reader.
Satzhilfen Publisher Seite Einrichten
Satzhilfen Publisher Seite Einrichten Es gibt verschiedene Möglichkeiten die Seite einzurichten, wir fangen mit der normalen Version an, Seite einrichten auf Format A5 Wählen Sie zunächst Datei Seite einrichten,
Anleitung zur Installation und Nutzung des Sony PRS-T1 ebook Readers
Anleitung zur Installation und Nutzung des Sony PRS-T1 ebook Readers Der neue Sony PRS-T1 ebook-reader ist nicht mehr mit dem Programm Adobe Digital Editions zu bedienen. Es sind daher einige Schritte
Outlook. sysplus.ch outlook - mail-grundlagen Seite 1/8. Mail-Grundlagen. Posteingang
sysplus.ch outlook - mail-grundlagen Seite 1/8 Outlook Mail-Grundlagen Posteingang Es gibt verschiedene Möglichkeiten, um zum Posteingang zu gelangen. Man kann links im Outlook-Fenster auf die Schaltfläche
Anleitung zur Installation und Nutzung des Sony PRS-T1 ebook Readers
Anleitung zur Installation und Nutzung des Sony PRS-T1 ebook Readers Der neue Sony PRS-T1 ebook-reader ist nicht mehr mit dem Programm Adobe Digital Editions zu bedienen. Es sind daher einige Schritte
Whitepaper Retargeting
1 Herzlich willkommen bei Mirando! Seit über 10 Jahren sind wir Ihr Partner für erfolgreiche Onlinewerbung. Mirando bringt Portalbetreiber, Agenturen und Werbetreibende zusammen. 01 Hier erfahren Sie,
Einrichtung des Cisco VPN Clients (IPSEC) in Windows7
Einrichtung des Cisco VPN Clients (IPSEC) in Windows7 Diese Verbindung muss einmalig eingerichtet werden und wird benötigt, um den Zugriff vom privaten Rechner oder der Workstation im Home Office über
Erzherzog Johann Jahr 2009
Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein
Ein- und Umbau von Spielen, Videos, Ton. Seitenstark-Fachtag, 13.Juni 2016
Ein- und Umbau von Spielen, Videos, Ton Seitenstark-Fachtag, 13.Juni 2016 Herausforderung Spieleumbau Ausgangssituation Ein beliebtes, bewährtes Spiel einer Website soll neu aufgelegt werden, damit es
Zunächst ist dieser Service nur für Mac OS verfügbar. Drucken unter Windows wird Ihnen im Laufe des Semesters zur Verfügung stehen.
Tutorial Druck Ab dem 21. September 2009 kommt im eine neue Software zum Einsatz, die Ihnen ein Drucken von den Arbeitsplätzen im, über Ihren Account, ermöglicht. Die Abrechnung der Druckkosten erfolgt
Leichte-Sprache-Bilder
Leichte-Sprache-Bilder Reinhild Kassing Information - So geht es 1. Bilder gucken 2. anmelden für Probe-Bilder 3. Bilder bestellen 4. Rechnung bezahlen 5. Bilder runterladen 6. neue Bilder vorschlagen
FritzCall.CoCPit Schnelleinrichtung
FritzCall.CoCPit Schnelleinrichtung Willkommen bei der Ersteinrichtung von FritzCall.CoCPit Damit Sie unseren FritzCall-Dienst nutzen können, müssen Sie sich die aktuelle Version unserer FritzCall.CoCPit-App
2.1 Grundlagen: Anmelden am TYPO3-Backend
1 Grundlagen: Anmelden am TYPO3-Backend Zum Anmelden am TYPO3-Backend (dem Content Management System) tippen Sie in der Adresszeile Ihres Browsers (wir empfehlen Mozilla Firefox) hinter uni-bremen.de /typo3
Spezifikationen. Responsive Display Banner
Spezifikationen Inhalt 1. Fact Sheet... 2 2. Datenblatt... 3 3. Details zur Anlieferung... 3 4. Details zur Auslieferung... 3 5. Adserving... 4 6. Werbemittelbesonderheiten... 4 7. Audio... 5 8. Video...
Suche schlecht beschriftete Bilder mit Eigenen Abfragen
Suche schlecht beschriftete Bilder mit Eigenen Abfragen Ist die Bilderdatenbank über einen längeren Zeitraum in Benutzung, so steigt die Wahrscheinlichkeit für schlecht beschriftete Bilder 1. Insbesondere
Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten
Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten Version 1.0 Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten In unserer Anleitung zeigen wir Dir, wie Du Blogbeiträge
Password Depot für ios
Password Depot für ios Inhaltsverzeichnis Erste Schritte... 1 Kennwörterdatei erstellen... 1 Neue Einträge erstellen... 3 Einträge / Gruppen hinzufügen... 3 Einträge / Gruppen kopieren oder verschieben...
Individuelle Formulare
Individuelle Formulare Die Vorlagen ermöglichen die Definition von Schnellerfassungen für die Kontenanlage sowie für den Im- und Export von Stammdaten. Dabei kann frei entschieden werden, welche Felder
Handbuch. NAFI Online-Spezial. Kunden- / Datenverwaltung. 1. Auflage. (Stand: 24.09.2014)
Handbuch NAFI Online-Spezial 1. Auflage (Stand: 24.09.2014) Copyright 2016 by NAFI GmbH Unerlaubte Vervielfältigungen sind untersagt! Inhaltsangabe Einleitung... 3 Kundenauswahl... 3 Kunde hinzufügen...
Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])
![Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])](/thumbs/29/13170670.jpg "Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])")
3.7 Erstellen einer Collage Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu]) Dann Größe des Dokuments festlegen beispielsweise A4 (weitere
Flyer, Sharepics usw. mit LibreOffice oder OpenOffice erstellen
Flyer, Sharepics usw. mit LibreOffice oder OpenOffice erstellen Wir wollen, dass ihr einfach für eure Ideen und Vorschläge werben könnt. Egal ob in ausgedruckten Flyern, oder in sozialen Netzwerken und