13
Bearbeitungen
Adcontroller: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 11: | Zeile 11: | ||
Wenn lediglich redaktionelle Elemente derselben Seite asynchron nachladen werden (z.B. Bildergalerien ohne Page-Refresh), bietet der AdController zu diesem Zweck eine Callback-Funktion zum Nachladen der Anzeigenpositionen an. Hier können die Schritte aus Abschnitt [[#Single_Page_Applikation_(Kein_Pageload)| Single Page Applikation (Kein Pageload)]] ignoriert werden. Der Publisher verantwortet die Event-Bindung zum Triggern des Callback nach gemeinsamer Absprache mit iq digital ([[#Callback-Funktion_zum_Nachladen_der_Anzeigenpositionen| siehe Abschnitt Callback-Funktion zum Nachladen der Anzeigenpositionen]]). | Wenn lediglich redaktionelle Elemente derselben Seite asynchron nachladen werden (z.B. Bildergalerien ohne Page-Refresh), bietet der AdController zu diesem Zweck eine Callback-Funktion zum Nachladen der Anzeigenpositionen an. Hier können die Schritte aus Abschnitt [[#Single_Page_Applikation_(Kein_Pageload)| Single Page Applikation (Kein Pageload)]] ignoriert werden. Der Publisher verantwortet die Event-Bindung zum Triggern des Callback nach gemeinsamer Absprache mit iq digital ([[#Callback-Funktion_zum_Nachladen_der_Anzeigenpositionen| siehe Abschnitt Callback-Funktion zum Nachladen der Anzeigenpositionen]]). | ||
<div class="page-break"></div> | |||
===Hosting & Einbindung AdController=== | ===Hosting & Einbindung AdController=== | ||
| Zeile 57: | Zeile 58: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<div class="page-break"></div> | |||
====Einbindung auf einer responsive Seite (Beispiel Implementierung)==== | ====Einbindung auf einer responsive Seite (Beispiel Implementierung)==== | ||
<script> | <syntaxhighlight lang='html'> | ||
<script> | |||
function isDesktop() { | function isDesktop() { | ||
var width = (window.innerWidth > 0) ? window.innerWidth : screen.width; | var width = (window.innerWidth > 0) ? window.innerWidth : screen.width; | ||
| Zeile 117: | Zeile 120: | ||
(function () { | (function () { | ||
window.AdController = { | window.AdController = { | ||
i: null, // page info q: [], // render queue | i: null, // page info | ||
f: false, // is finalized s: false, // is staged | q: [], // render queue | ||
n: false, // is initialized r: null, // ready function c: [], // command queue | f: false, // is finalized | ||
s: false, // is staged | |||
n: false, // is initialized | |||
r: null, // ready function | |||
c: [], // command queue | |||
setPageInfo: function (i) { | setPageInfo: function (i) { | ||
window.AdController.i = i; | window.AdController.i = i; | ||
| Zeile 159: | Zeile 166: | ||
Um unter Anderem die anzuwendende Konfiguration für die aktuelle Angebotsseite festzustellen, werden dem AdController über dieses Objekt notwendige Informationen des Seitenbetreibers übergeben. | Um unter Anderem die anzuwendende Konfiguration für die aktuelle Angebotsseite festzustellen, werden dem AdController über dieses Objekt notwendige Informationen des Seitenbetreibers übergeben. | ||
Das vom Seitenbetreiber bereitzustellende Mandanten-CMS-Objekt übermittelt die seitenspezifischen Informationen zur Auswahl der gültigen bzw. spezifischen AdController-Konfiguration und inventargerechten Anzeigenanforderung. | Das vom Seitenbetreiber bereitzustellende Mandanten-CMS-Objekt übermittelt die seitenspezifischen Informationen zur Auswahl der gültigen bzw. spezifischen AdController-Konfiguration und inventargerechten Anzeigenanforderung. | ||
<i><p>Code-Beispiel zur Umsetzung im <head>-Tag des Dokuments nach der AdController Einbindung:</p></i> | <i><p>Code-Beispiel zur Umsetzung im <head>-Tag des Dokuments nach der AdController Einbindung:</p></i> | ||
| Zeile 212: | Zeile 218: | ||
Alle Informationen im CMS-Objekt sind ausschließlich klein zu schreiben; Leerzeichen, Sonderzeichen und Umlaute sind nicht erlaubt. Die einzige Ausnahme ist das "_" Zeichen (Unterstrich/Underscore). | Alle Informationen im CMS-Objekt sind ausschließlich klein zu schreiben; Leerzeichen, Sonderzeichen und Umlaute sind nicht erlaubt. Die einzige Ausnahme ist das "_" Zeichen (Unterstrich/Underscore). | ||
FALSCH: Archäologie RICHTIG: archaeologie | FALSCH: Archäologie RICHTIG: archaeologie | FALSCH: Psychologie-Hirnforschung RICHTIG: psychologie_hirnforschung | ||
FALSCH: Psychologie-Hirnforschung RICHTIG: psychologie_hirnforschung | |||
<div class="page-break"></div> | <div class="page-break"></div> | ||