Leistungszusammensetzung der Vermarktung

• Einbindung der vom Kunden von dem Kunden bzw. der Kundin gewählten Vermarktungs-API

• Hinterlegen der vom Kunden von dem Kunden bzw. der Kundin gewählten Targeting-Parameter 

• Aufrufen der Werbeformen nach individuellem Vermarktungskonzept im PortalPORTAL

• Einbinden der AdSlots pro Seitentyp für Desktop und Mobil

• Konfiguration des CSS der AdSlots nach Kundenwunsch

Inhaltsverzeichnis

Displayvermarktung

Die Displayvermarktung ist eine gängige Methode zur Monetarisierung des Onlineportals OnlinePORTALs mittels Werbebanner. Zur Umsetzung einer Monetarisierungsstrategie bietet PEIQ an definierten Stellen die Möglichkeit, AdSlots zu integrieren.

Die datenschutzkonforme Verwendung der Werbung im Portal PORTAL nach der geltenden Datenschutz-Grundverordnung (DSGVO) liegt im Verantwortungsbereich des Kunden bzw. der Kundin.

Ausspielen der Banner

Für das Ausspielen der Banner ist ein Adserver notwendig. Hierüber wird das Einbuchen der Banner, deren Auslieferung und gleichzeitig die Erfolgsmessung realisiert.

Mit dem PEIQ Portal PORTAL wird kein Adserver bereitgestellt. Dieser ist vom Kunden von den Kund:innen selbst oder einem Dritten (z. B. Traffective, Ströer), der im Auftrag des Kunden bzw. der Kundin handelt, zu betreiben.

Mobile Vermarktung

Das PEIQ Portal ist responsiv. Je nach Displaygröße verschieben sich integrierte Werbeflächen daher innerhalb des Layouts. PEIQ kann den aktuellen Gerätetyp (devicetype: "mobile" oder "desktop") bzw. die Geräteauflösung an den Adserver übergeben. Dadurch kann der Adserver, sofern er die Daten interpretieren kann, je nach aktuellem View ("mobile" oder "desktop"), unterschiedliche Vermarktungsslots, die auf der aktuellen Website verbaut sind, mit Werbebannern bespielen. Somit können die Vermarktungsslots für Desktop und Mobile View in gleicher Anordnung verwendet werden oder es können jeweils eigene Vermarktungsslots für die zwei Gerätetypen definiert werden.

Werbeformen und Positionierung

Einbindung der Banner

Generell ist die Einbindung sämtlicher gängiger Banner möglich. Allerdings müssen diese innerhalb des Grid-Layouts stattfinden, welches durch die Portalstruktur vorgegeben ist. Durch das responsive Layout des Portals können AdSlots nur zwischen – nicht innerhalb von – Teasergruppen eingebunden werden. Zudem ist das Einbinden von AdSlots nicht über mehrere Reihen (v.a. für Desktop relevant) möglich.

Werbeformate

Im PEIQ Portal können die im Folgenden aufgelisteten Werbeformate eingebaut werden. Die angegeben Größen sind Standardgrößen und können im Einzelfall abweichen.

Desktop View: Beispiele für Desktop-Werbeformate

Image Removed Billboard [800 x 250px]	Image Removed Superbanner [728 x 90px]
Image Removed Skyscraper [120 x 600px], Wide [160 x 200/600]	Image Removed Medium Rectangle [300 x 250px] Empfehlung: Nicht mehr als 3 Rectangles pro Seite!

Out of page: Interstitial

Image Removed

^{Interstitial (Out of page) [800 x 600px, bis 100%]}

Mobile View 

Es sind bis zu 5 Positionen auf der mobilen Seitenansicht möglich. Die AdSlots können auch im Mobilen nur zwischen  – nicht innerhalb von – Teasergruppen platziert werden. 

Image Removed

^{Mobile View}

Die Positionen können in verschiedenen Größen ausgespielt werden. 

• Mobile Medium Rectangle [300 x 250px]

• Mobile Ad 2:1 [600 x 300px , 300 x 150px]

• Mobile Ad 4:1 [600 x 150px , 300 x 75px]

• Mobile Ad 6:1 [600 x 100px , 300 x 50px]

Die Größen werden vom Adserver gesteuert. PEIQ kann nur die Positionen der AdSlots beeinflussen. 

Wichtig: Die Positionen im Mobilen sind dieselben wie in der Desktop-Version. Die Slots schieben sich im Mobilen lediglich untereinander. Wird beispielsweise die Sidebar vermarktet, die sich im Mobilen ganz nach unten verschiebt, macht es Sinn, für die mobile Ansicht gesonderte AdSlots zu definieren.

Vermarktung im Foto-Slider

Image Removed

Durch ein systemisches Overlay ist es möglich im Foto-Slider Adslots einzubinden. Nach einer bestimmten Anzahl von geswipeten Bildern (Anzahl ist konfigurierbar, Parameter wird von PEIQ an den Adserver übergeben) erscheint dann ein Overlay, das den befüllten Adslot zeigt. Standardmäßig kann der Banner-Slot nicht "überswiped" werden - der Nutzer muss die Anzeige schließen und kann dann mit dem Durchsehen der Bildergalerie fortfahren. Bei Bedarf kann die Vermarktung des Foto-Sliders allerdings so konfiguriert werden, dass der Banner-Slot zwischen den Bildern auch überswiped werden kann.

Vermarktungsintegration

Einrichtung der Vermarktung

Das Einbinden der vom Kunden gewählten Werbebanner funktioniert über sogenannte Meta-Tags und wird von PEIQ vorgenommen. Meta-Tags sind JavaScript-Codes des Adservers, die in die Seite eingebunden werden.

PEIQ kann die gängigen APIs für die Integration mit folgenden Meta-Tags einbinden:

• Google Publisher Tags (z.B. Google DFP, OMS etc.) 

• Ströer Meta-Tags

Für die Integration der Vermarktung benötigt PEIQ diese Meta-Tags. 

Begriffsklärung

Mobile Vermarktung

Das PEIQ PORTAL ist responsiv. Je nach Displaygröße verschieben sich integrierte Werbeflächen daher innerhalb des Layouts. PEIQ kann den aktuellen Gerätetyp (devicetype: "mobile" oder "desktop") bzw. die Geräteauflösung an den Adserver übergeben. Dadurch kann der Adserver, sofern er die Daten interpretieren kann, je nach aktuellem View ("mobile" oder "desktop"), unterschiedliche Vermarktungsslots, die auf der aktuellen Website verbaut sind, mit Werbebannern bespielen. Somit können die Vermarktungsslots für die Desktop-Ansicht und mobile Ansicht in gleicher Anordnung verwendet werden oder es können jeweils eigene Vermarktungsslots für die zwei Gerätetypen definiert werden.

Werbeformen und Positionierung

Im PEIQ PORTAL können die im Folgenden aufgelisteten Werbeformate eingebaut werden. Die angegeben Größen sind Standardgrößen [w x h] und können in einzelnen Fällen auch von den hier gemachten Angaben abweichen.

Desktop-Ansicht: Beispiele für Desktop-Werbeformate

Image Added Billboard [800 x 250px]	Image Added Superbanner [728 x 90px]
Image Added Skyscraper [120 x 600px], Wide [160 x 200/600]	Image Added Medium Rectangle [300 x 250px] Empfehlung: Nicht mehr als 3 Rectangles pro Seite!

Out of page: Interstitial

Image Added

^{Interstitial (Out of page) [800 x 600px, bis 100%]}

Mobile Ansicht 

Es sind bis zu 5 Positionen auf der mobilen Seitenansicht möglich. Die AdSlots können auch im Mobilen nur zwischen  – nicht innerhalb von – Teasergruppen platziert werden. 

Image Added

^{Mobile Ansicht}

Die Positionen können in verschiedenen Größen ausgespielt werden. 

• Mobile Medium Rectangle [300 x 250px]

• Mobile Ad 2:1 [600 x 300px , 300 x 150px]

• Mobile Ad 4:1 [600 x 150px , 300 x 75px]

• Mobile Ad 6:1 [600 x 100px , 300 x 50px]

Die Größen werden vom Adserver gesteuert. PEIQ kann nur die Positionen der AdSlots beeinflussen. 

Wichtig: Die Positionen im Mobilen sind dieselben wie in der Desktop-Version. Die Slots schieben sich im Mobilen lediglich untereinander. Wird beispielsweise die Sidebar vermarktet, die sich im Mobilen ganz nach unten verschiebt, macht es Sinn, für die mobile Ansicht gesonderte AdSlots zu definieren.

Vermarktung im Foto-Slider

Image Added

^{Bildliche Darstellung der Integration von Adslots im Foto-Slider}

Durch ein systemisches Overlay ist es möglich im Foto-Slider Adslots einzubinden. Nach einer bestimmten Anzahl von Bildern (Anzahl ist konfigurierbar, Parameter wird von PEIQ an den Adserver übergeben) erscheint dann ein Overlay, das den befüllten Adslot zeigt. Standardmäßig kann der Banner-Slot nicht weitergeblättert/-swiped werden – der oder die Benutzer:in muss die Anzeige schließen und kann dann mit dem Durchsehen der Bildergalerie fortfahren. Bei Bedarf kann die Vermarktung des Foto-Sliders allerdings so konfiguriert werden, dass der Banner-Slot zwischen den Bildern auch überblättert/-swiped werden kann.

Benutzerdefinierte Targeting-Parameter

Im Zuge des Aufsetzens der Vermarktung im PORTAL sollten Parameter zum gezielten Targeting von Kampagnen implementiert werden. Dazu müssen vor dem schließenden Header-Skript Variablen eingefügt werden. Für das Targeting können die Benutzerdefinierte Dimensionen im PORTAL herangezogen werden.

Beispiel für Targeting Parameter

}
                if (typeof googletag != 'undefined' && typeof OMSVad != 'undefined' && OMSVad.WLRCMDGPT != null && !OMSVad.isSetGTarget) {
                    for (i in OMSVad.WLRCMDGPT) {
                        googletag.pubads().setTargeting(i, OMSVad.WLRCMDGPT[i]);
                    }
                    OMSVad.isSetGTarget = true;
                }
   googletag.pubads().setTargeting('gender','AUSPRÄGUNG');
   googletag.pubads().setTargeting('user','AUSPRÄGUNG');
   googletag.pubads().setTargeting('devicetype:','AUSPRÄGUNG');
   googletag.pubads().setTargeting('region','AUSPRÄGUNG');
   googletag.pubads().setTargeting('state','AUSPRÄGUNG');
   googletag.pubads().setTargeting('pagetype','AUSPRÄGUNG');
   googletag.pubads().setTargeting('tags','AUSPRÄGUNG');
   googletag.pubads().setTargeting('content-type','AUSPRÄGUNG');
   googletag.pubads().setTargeting('content-id','AUSPRÄGUNG');
   googletag.pubads().setTargeting('user-id','AUSPRÄGUNG');
                googletag.pubads().enableSingleRequest();
                googletag.enableServices();
            });
        }());
    </script>

Geblockte Seiten

Aus Sicherheitsgründen wird die Vermarktung auf folgenden Seiten und deren Unterseiten komplett blockiert:

Admin- & Erstellungssichten

Bei diesen internen Sichten ist die Blockierung von Vermarktung ein Best Practice: Es handelt sich dabei um Seiten von bestimmten Zielgruppen, die in der Regel nicht zu vermarktungsrelevanten Zielgruppe gehören. Bei Verwaltungssichten wird zudem verhindert, dass wichtige Funktionen von blockierenden Skripten etc. nicht ausgeführt werden können bzw. die Autor:innen und Admins nicht von der Werbung bei der Arbeit behindert bzw. belästigt werden.

Persönliche Sichten für Benutzer:innen

Folgende Persönliche Sichten sind nur für die jeweils angemeldeten Benutzer:innen aufrufbar:

 Die folgenden Persönlichen Sichten sind in nicht angemeldeten Zustand erreichbar, transportieren jedoch sensible Daten wie beispielsweise Passwörter und Verifizierungstokens, weshalb die Vermarktung bei diesen Seiten nicht verbaut ist:

Vermarktung auf Detailseiten blockieren

Auf einzelnen Detailseiten kann dies mit der Funktion Vermarktung an einem Inhalt ausblenden erreicht werden.

Vermarktungsintegration

Einrichtung der Vermarktung

Das Einbinden der von dem Kunden bzw. der Kundin gewählten Werbebanner funktioniert über sogenannte Meta-Tags und wird von PEIQ vorgenommen. Meta-Tags sind JavaScript-Codes des Adservers, die in die Seite eingebunden werden. Die Einspielung der Werbeformate in den AdSlot erfolgt über den Meta-Tag, der mit dem AdServer kommuniziert. Die Kommunikation an sich wird über eine API abgewickelt.

Mögliche APIs

• Google AdSense (hohe Verbreitung)

  • liefert Google Publisher Tags (GPT) zum Einbau

  • Ausspielung meist über Google AdManager (ehem. Google DFP)

• Ströer (ehem. OMS)

  • liefert Ströer Meta-Tags zum Einbau

  • Für den Einbau ist bei Ströer ein Vertaggungsplan mit einer Steuerungsdatei anzufragen.

  • Die Steuerungsdatei muss vorhanden sein, um die AdSlots zu bespielen.

• Teads

  • Video Vermarktung

  • Die Vermarktung muss von Teads als “responsiv” eingestellt werden.

• AdvertServe

Image Removed

Image Added Ansicht im Google Ad-Manager Vorgehensweise: Tag-Typ auswählen, z. B. Google Publisher Tags Tag-Optionen auswählen,z. B. Targeting, out-of-page, Inventargrößen Weitere Tag-Parameter:Hier können ggf. weitere Parameter vergeben werden. Tag-Ergebnisse:Diese Codes müssen an PEIQ geliefert werden (

Image Removed

Image Added Tag-Ergebnisse – bestehend aus dem Code für den Head und den Body Diese Codes werden an die

Image Removed

Image Added Definition von Schlüssel-/Wert-Paaren im Ad-Manager Beim Anlegen von Werbebuchungen können die folgenden Targeting-Voreinstellungen ausgewählt werden:

Image Removed

Image Added Anlegen von Werbebuchungen im Ad-Manager Die Schlüssel bezeichnen hierbei die Dimensionen, die im PEIQ

Konfigurationsparameter

In der folgenden Tabelle findet sich eine Auflistung der Schlüssel-/Wert-Paare, die im PEIQ Portal angewendet werden könneneine beispielhafte Auflistung der Schlüssel-/Wert-Paare, die im PEIQ PORTAL angewendet werden können. Targeting Parameter können darüber hinaus aber auch kundenspezifisch konfiguriert werden.

Mitwirkungspflichten der Kund:innen

• Vermarktungskonzept in strukturierter Form: Um die Vermarktungsintegration so effektiv wie möglich zu gestalten, muss seitens des Kunden bzw. der Kundin das Vermarktungskonzept mit der Beauftragung bereitgestellt werden. Hierfür werden von PEIQ im Rahmen des Projekts entsprechende Informationen und Formulare bereitgestellt, die ausgefüllt werden müssen.

• Testing und Abnahme der Leistungen: Die Vermarktungsintegration ist von dem Kunden bzw. der Kundin auf der von PEIQ zur Verfügung gestellten Testumgebung zu überprüfen und entsprechend freizugeben.

Was wird für die Vermarktung benötigt

• API - Der Kunde bzw. die Kundin muss festlegen, welche technische API verwendet werden soll (z. B. Google GPT, Adition, Ströer). Hierzu muss das Script geliefert werden.

• SLOTS - Alle Slots, die bespielt werden sollen inkl. technische Bezeichner + slot-spezifische Daten je nach API

• DATEN - Spezifische Vermarktungs-Daten je nach API, z. B. Targeting-Parameter, OMS-Zone, OMS-Site etc.

• POSITIONEN - Genaue Positionen für die zu integrierenden AdSlots, für DESKTOP und MOBIL

Empfehlungen bezüglich der Vermarktungseinbindung

Problemstellung: Google & Banner-Vermarktung

Google straft aggressive Vermarktung ab

Die Google Updates “Interstitial Penalty” und “Fred” verursachten im Frühjahr 2017 ein regelrechtes Ranking-Beben: Viele Webseiten verloren ihre bislang sehr guten Rankings, andere gewannen einen großen Anteil der begehrten Top10-Positionen in den Google-Suchergebnissen – ohne, dass sie wussten warum. Zumindest den Hintergrund der “Interstitial Penalty” im Januar 2017 erklärte Google sehr schnell: Seiten, die ihren Hauptinhalt hinter Werbe-Popups versteckten, wurden abgestraft: “pages where content is not easily accessible to a user on the transition from the mobile search results may not rank as high”.

Beim sogenannten “Fred”-Update im März 2017 hielt sich Google bedeckter. Das Update sollte auf die Qualität der Webseite abzielen. Nach einer Analyse von über 300 Domains stellte der SEO-Experte Juan Gonzalez von Sistrix fest, dass zu viel Bannerwerbung im direkt sichtbaren Teil der Seite (“above-the-fold”) für die Ranking-Verluste verantwortlich zu sein schien. Seiten, die hier schnell reagierten und den Werbeanteil im “above-the-fold”-Bereich reduzierten, erholten sich vergleichsweise schnell.

Auf Basis des Ad Experience Reports geht Google seit dem 9. Juli 2019 noch stärker gegen störende Vermarktung vor. Um die Nutzerfreundlichkeit von Webseiten zu verbessern, werden seit diesem Zeitpunkt bestimmte Werbeformate in Googles hauseigenem Browser Chrome (Marktanteil in Deutschland bei ca. 50 %) geblockt. Webseitenbetreiber:innen, die mit dem Google Ad Manager arbeiten, werden auf unpassende Werbung auf ihrer Seite hingewiesen und haben die Möglichkeit, diese zu ersetzen. Für die Planung der Integration von Display-Ads sollte man sich daher vorab bei Google informieren, welche Einbindungen geblockt werden und welche nicht.

Ladezeit als Rankingfaktor bei Google

Nutzer:innen wollen schnell im Internet surfen. Da ist es kaum verwunderlich, dass Google die Seitenladezeit im Juli 2018 offiziell zum Rankingfaktor für mobile Suchergebnisse erhoben hat. Mit dem weltweiten Rollout des Mobile-First-Indexes kommt der Seitenladezeit in der Suchmaschinenoptimierung eine noch größere Rolle zu. Laut einer Google-Studie bricht über die Hälfte aller User:innen ab, falls eine Seite länger als 3 Sekunden Ladezeit (“Load”) benötigt - im Schnitt laden die mobilen Seiten deutscher Medienportale jedoch 4,5 Sekunden. Um in den Top-Suchergebnissen auf Google zu ranken, ist der Durchschnitt jedoch nicht ausreichend. Denn laut der Mobile Speed Studie von Searchmetrics beträgt die Ladezeit der Top10-Seiten in der Medienbranche 2,8 Sekunden oder schneller.

Diese Studien nahm PEIQ zum Anlass, im Rahmen der kontinuierlichen Optimierung der Portale des PORTALs die Seitenladezeit der zugriffsstärksten Seiten - der Beitragsseiten - mit den Benchmarks von Google und Searchmetrics zu vergleichen. Das Ergebnis: Mit 3,08 Sekunden Load laden die Beitragsseiten von PEIQ im Schnitt deutlich schneller als der Google-Benchmark. Am schnellsten laden nicht vermarktete Seiten mit durchschnittlich 1,78 Sekunden.

Image Modified

^{Durchschnittliche Ladezeit der mobilen Beitragsseiten auf Portalen von PEIQ nach Anzahl der ausgespielten Werbebanner (Load und DOM Content Load)}

Neben weiteren Merkmalen, wie bspw. Anzahl der Bilder und Textlänge, ist ein zentraler Faktor bzgl. der Seitenladezeit unserer Portale der PEIQ OnlinePORTALe die eingebundene und ausgespielte Vermarktung. Je nach Adserver- und Vermarkter-Einbindung muss pro ausgespieltem Werbebanner mit 100 bis 500 Millisekunden mehr Ladezeit (für die mobile Beitragsseite) gerechnet werden. Nichtsdestotrotz haben auch PEIQ-Kunden Kund:innen mit sechs bis zehn ausgespielten Werbebannern auf der Beitragsdetailseite mit einer durchschnittlichen Ladezeit von 2,7 Sekunden (und damit 100 Millisekunden unter dem Searchmetrics-Benchmark) immer noch gute Chancen, sich – zumindest hinsichtlich der Ladezeit – auf den vorderen Plätzen der Google-Suchergebnisse zu platzieren.

Empfehlungen von PEIQ

Vor dem Hintergrund der SEO- und damit Reichweiten-Relevanz, hat PEIQ folgende Empfehlungen bzgl. der Vermarktungseinbindung:

• Platzieren Sie weniger Weniger Werbung im direkt sichtbaren Teil der Seite (“above-the-fold”) platzieren bzw. darauf achten Sie darauf, dass diese dort nicht zu dominant platziert ist. Das gefällt nicht nur Google, sondern verbessert gleichzeitig die Nutzererfahrung Ihrer der Webseitenbesucher:innen.

• Achten Sie daraufDarauf achten, dass nur technisch korrekte und nach state-of-the-art programmierte Banner ausgespielt werden. Veralteter Code oder gar Fehler im HTML bzw. Javascript des Banners können nicht nur zu fehlerhaften Darstellungen in verschiedenen Browsern führen, sondern kosten auch wertvolle Ladezeit.

• Entscheiden Sie sich für Für ein asynchrones Laden der Vermarktung entscheiden - sofern Ihr der oder die Vermarktungsanbieter:in dies zulässt. Asynchrones Laden bedeutet, dass die Vermarktung erst abgerufen wird, nachdem das HTML- Dokument vollständig geladen wurde. Dadurch können Besucher Ihrer :innen der Webseite schnell auf der Seite surfen, ohne dass das Laden der Banner stört.

• Angesichts der Performance und Googles Abneigung gegen aggressive Banner-Vermarktung sollten Kunden Kund:innen bzgl. der Anzahl der Werbebanner eine Kosten/Nutzen-Rechnung machen. Ggf. sind weniger Banner und dafür mehr native Werbung eine sinnvolle Alternative.

Verwandte Seiten

^{Nur für PEIQ-Mitarbeiter:innen}
https://peiq.atlassian.net/wiki/x/BYG1Ag