AMP Anzeigenkennzeichnung: Unterschied zwischen den Versionen

AMP Anzeigenkennzeichnung (Quelltext anzeigen)

184 Bytes hinzugefügt , 7. Juni 2021

keine Bearbeitungszusammenfassung

320

Bearbeitungen

@@ Zeile 9: / Zeile 9: @@
 </syntaxhighlight>
-*Das "iqadmarker"-<div> kommt im HTML-Code hinter das <amp-ad>-Tag
+*Das "iqadmarker"-''div'' kommt im HTML-Code hinter das ''amp-ad''-Tag
-*Der umliegende <div>-Container "iqampcenter" bekommt zusätzlich das CSS "display: flex; flex-direction: column;"
+*Der umliegende ''div-Container'' "iqampcenter" bekommt zusätzlich das CSS-Styling:
-- Das "iqadmarker"-div bekommt den Stil "order: -1;display:none;" und rutscht dadurch vor das amp-ad, und ist erst mal nicht sichtbar.
+<syntaxhighlight lang="css">
-- Wenn eine Werbung gebucht wird und das amp-ad angezeigt wird, so wird mit folgendem Code auch die Anzeigenkennzeichnung sichtbar:
+display: flex; flex-direction: column;
-.iqampcenter > amp-ad:not([hidden]) + .iqadmarker { display: table; }
+</syntaxhighlight>
+*Das "iqadmarker"-''div'' bekommt das CSS-Styling:
+<syntaxhighlight lang="css">
+order: -1;display:none;
+</syntaxhighlight>
+Dadurch rutscht es vor das amp-ad und ist erst mal nicht sichtbar.
+*Wenn eine Werbung gebucht, ausgeliefert und das amp-ad dadurch angezeigt wird, so erscheint mit folgendem Code auch die Anzeigenkennzeichnung:
+<syntaxhighlight lang="css">
+.iqampcenter > amp-ad:not([hidden]) + .iqadmarker {
+    display: table;
+}
+</syntaxhighlight>
 iqampcenter und iqadmarker sind natürlich nur Beispielnamen, die Ihr gerne durch bessere Bezeichnungen ersetzen könnt.