Adcontroller: Unterschied zwischen den Versionen

144 Bytes hinzugefügt ,  22. Februar 2022
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>