|
|
| Zeile 273: |
Zeile 273: |
| <div class="page-break"></div> | | <div class="page-break"></div> |
|
| |
|
| ==Neues Anzeigen-Containermodell== | | ==Anzeigen-Containermodell== |
|
| |
|
| Im neuen Anzeigen-Containermodell werden nicht mehr die Werbeplätze vom Mandanten/Publisher direkt in die Seite integriert, sondern nur noch Platzhalter Div Container an die nach Vertaggungsplan entsprechenden Stellen, in welche dann jeweils IQD die passenden Werbeplätze integriert.
| | Die Anzeigen-Container werden nach einem im Voraus abgestimmten Vertaggungsplan in der Publisher Seite nach einem vorgegebenen Muster integriert. |
| Zur richtigen Identifizierung aller Platzhalter müssen folgende Informationen allen Platzhalter Div-Containern mitgegeben werden:
| |
| | |
| # 1. Die Klasse "'''iqdcontainer'''". Durch diese Klasse werden alle Divs Werbeplatzhalter gekennzeichnet.
| |
| # 2. Das Data Attribute "'''data-placement'''". Über dieses Data-Attribut können die jeweiligen Positionen in der Seite eindeutig erfasst werden.
| |
| # 3. Das Data Attribute "'''data_device'''". Über dieses Data-Attribut wird gekennzeichnet, ob der Werbeplatz für die Desktop, Mobile oder Tablet Werbeausspielung gedacht ist.
| |
|
| |
|
| <syntaxhighlight lang='html'> | | <syntaxhighlight lang='html'> |
|
| |
|
| <div class="iqdcontainer" data-placement="pos_2" data-device="desktop"></div> | | <div class="iqdcontainer" data-placement="pos_[N U M M E R]" data-device="[D E V I C E T Y P E]"></div> |
| <div class="iqdcontainer" data-placement="pos_2" data-device="mobile"></div>
| |
| <div class="iqdcontainer" data-placement="pos_2" data-device="tablet"></div>
| |
|
| |
|
| | </syntaxhighlight> |
|
| |
|
| | Zur richtigen Identifizierung aller Platzhalter müssen folgende Informationen allen Platzhalter Div-Containern mitgegeben werden: |
|
| |
|
| </syntaxhighlight>
| | # Die Klasse "'''iqdcontainer'''". Durch diese Klasse werden alle Divs Werbeplatzhalter gekennzeichnet. |
| | # Das Data Attribute "'''data-placement'''". Über dieses Data-Attribut können die jeweiligen Positionen in der Seite eindeutig erfasst werden. |
| | # Das Data Attribute "'''data_device'''". Über dieses Data-Attribut wird gekennzeichnet, ob der Werbeplatz für die Desktop, Mobile oder Tablet Werbeausspielung gedacht ist. Mögliche Werte: '''desktop | tablet | mobile''' |
|
| |
|
| ===SonderPositionen=== | | ===SonderPositionen=== |
| Zeile 299: |
Zeile 296: |
| <syntaxhighlight lang='html'> | | <syntaxhighlight lang='html'> |
|
| |
|
| <div class="iqdcontainer" data-placement="pos_header" data-device="desktop"></div> | | <div class="iqdcontainer" data-placement="'''pos_header'''" data-device="[D E V I C E T Y P E]"></div> |
| <div class="iqdcontainer" data-placement="pos_header" data-device="mobile"></div>
| |
| <div class="iqdcontainer" data-placement="pos_header" data-device="tablet"></div>
| |
| | |
| | |
| | |
| <div class="iqdcontainer" data-placement="pos_footer" data-device="desktop"></div>
| |
| <div class="iqdcontainer" data-placement="pos_footer" data-device="mobile"></div>
| |
| <div class="iqdcontainer" data-placement="pos_footer" data-device="tablet"></div>
| |
|
| |
|
| | <div class="iqdcontainer" data-placement="'''pos_footer'''" data-device="[D E V I C E T Y P E]"></div> |
|
| |
|
| </syntaxhighlight> | | </syntaxhighlight> |
|
| |
|
| ====Topbannerkonstrukt in Pos_01 Desktop====
| |
|
| |
| Der Platzhalter für Desktop mit der "data-placement" Nummer "pos_1" stellt unser altes Topbanner-Konstrukt dar und umfasst daher den Einbau mehrerer Werbeplätze (iqadtile1, iqadtile20, iqadtile21). Um dies kenntlich zu machen sind im Vertaggungsplan auch noch "pos_out_1" und "pos_out_2" eingezeichnet.
| |
| Auf Ihren Einbau sollte aber verzichtet werden, da Ihre Funktion bereits komplett von "pos_1" übernommen wird.
| |
|
| |
|
| |
| <syntaxhighlight lang='html'>
| |
|
| |
| <div class="iqdcontainer" data-placement="pos_1" data-device="desktop"></div>
| |
|
| |
| </syntaxhighlight>
| |
|
| |
|
| ==Anzeigenplatzierungen Signalfunktionen== | | ==Anzeigenplatzierungen Signalfunktionen== |
|
| |
|
| |
|
| |
|
| ===AdController.finalize(..)=== | | ===AdController.finalize(..)=== |