AMP Anzeigenkennzeichnung - Versionsgeschichte

Tlohmann am 22. März 2022 um 07:59 Uhr

2022-03-22T07:59:59Z

← Nächstältere Version		Version vom 22. März 2022, 09:59 Uhr
Zeile 57:		Zeile 57:

	[[Kategorie:Ad Technology]][[Kategorie:AMP]]		[[Kategorie:Ad Technology]][[Kategorie:AMP]]
			[[en:AMP Ad labelling]]

Tlohmann: Tlohmann verschob die Seite Anzeigenkennzeichnung nach AMP Anzeigenkennzeichnung, ohne dabei eine Weiterleitung anzulegen

2021-06-07T05:56:55Z

Tlohmann verschob die Seite Anzeigenkennzeichnung nach AMP Anzeigenkennzeichnung, ohne dabei eine Weiterleitung anzulegen

← Nächstältere Version	Version vom 7. Juni 2021, 07:56 Uhr
(kein Unterschied)

Tlohmann am 7. Juni 2021 um 05:50 Uhr

2021-06-07T05:50:48Z

← Nächstältere Version		Version vom 7. Juni 2021, 07:50 Uhr
Zeile 56:		Zeile 56:
	</syntaxhighlight>		</syntaxhighlight>

	[[Kategorie:Ad Technology]][[AMP]]		[[Kategorie:Ad Technology]][[Kategorie:AMP]]

Tlohmann am 7. Juni 2021 um 05:50 Uhr

2021-06-07T05:50:37Z

← Nächstältere Version		Version vom 7. Juni 2021, 07:50 Uhr
Zeile 55:		Zeile 55:
	}		}
	</syntaxhighlight>		</syntaxhighlight>

			[[Kategorie:Ad Technology]][[AMP]]

Tlohmann am 7. Juni 2021 um 05:50 Uhr

2021-06-07T05:50:11Z

← Nächstältere Version		Version vom 7. Juni 2021, 07:50 Uhr
Zeile 29:		Zeile 29:
	'''iqampcenter''' und '''iqadmarker''' sind natürlich nur Beispielnamen, die gerne durch bessere Bezeichnungen ersetzt werden können.		'''iqampcenter''' und '''iqadmarker''' sind natürlich nur Beispielnamen, die gerne durch bessere Bezeichnungen ersetzt werden können.
	==Zusammenfassung==		==Zusammenfassung==
			Zur schnellen Übersicht hier noch einmal die verwendeten Code-Blöcke:

	===HTML-Struktur===		===HTML-Struktur===

Tlohmann am 7. Juni 2021 um 05:49 Uhr

2021-06-07T05:49:20Z

← Nächstältere Version		Version vom 7. Juni 2021, 07:49 Uhr
Zeile 3:		Zeile 3:
	==Beispiel-Aufbau einer Anzeigenkennzeichnung==		==Beispiel-Aufbau einer Anzeigenkennzeichnung==
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<div class="iqampcenter" >		<div class="iqampcenter">
	<amp-ad … </amp-ad>		<amp-ad> … </amp-ad>
	<div class="iqadmarker">Anzeige</div>		<div class="iqadmarker">Anzeige</div>
	</div>		</div>
Zeile 31:		Zeile 31:

	===HTML-Struktur===		===HTML-Struktur===
			<syntaxhighlight lang="html">
	<div class="iqampcenter" >		<div class="iqampcenter" >
	<amp-ad … </amp-ad>		<amp-ad … </amp-ad>
	<div class="iqadmarker">Anzeige</div>		<div class="iqadmarker">Anzeige</div>
	</div>		</div>
			</syntaxhighlight>

	===CSS===		===CSS===

Tlohmann am 7. Juni 2021 um 05:48 Uhr

2021-06-07T05:48:29Z

@@ Zeile 12: / Zeile 12: @@
 *Der umliegende ''div-Container'' "iqampcenter" bekommt zusätzlich das CSS-Styling:
 <syntaxhighlight lang="css">
-display: flex; flex-direction: column;
+display: flex;
 </syntaxhighlight>
 *Das "iqadmarker"-''div'' bekommt das CSS-Styling:
 <syntaxhighlight lang="css">
-order: -1;display:none;
+order: -1;
 </syntaxhighlight>
 :Dadurch rutscht es vor das ''amp-ad'' und ist erst mal nicht sichtbar.
@@ Zeile 25: / Zeile 27: @@
+}
 </syntaxhighlight>
 '''iqampcenter''' und '''iqadmarker''' sind natürlich nur Beispielnamen, die gerne durch bessere Bezeichnungen ersetzt werden können.

Tlohmann am 7. Juni 2021 um 05:45 Uhr

2021-06-07T05:45:44Z

← Nächstältere Version		Version vom 7. Juni 2021, 07:45 Uhr
Zeile 18:		Zeile 18:
	order: -1;display:none;		order: -1;display:none;
	</syntaxhighlight>		</syntaxhighlight>
	:Dadurch rutscht es vor das amp-ad und ist erst mal nicht sichtbar.		: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:		*Wenn eine Werbung gebucht, ausgeliefert und das ''amp-ad'' dadurch angezeigt wird, so erscheint mit folgendem Code auch die Anzeigenkennzeichnung:
	<syntaxhighlight lang="css">		<syntaxhighlight lang="css">
	.iqampcenter > amp-ad:not([hidden]) + .iqadmarker {		.iqampcenter > amp-ad:not([hidden]) + .iqadmarker {

Tlohmann am 7. Juni 2021 um 05:45 Uhr

2021-06-07T05:45:16Z

← Nächstältere Version		Version vom 7. Juni 2021, 07:45 Uhr
Zeile 18:		Zeile 18:
	order: -1;display:none;		order: -1;display:none;
	</syntaxhighlight>		</syntaxhighlight>
	Dadurch rutscht es vor das amp-ad und ist erst mal nicht sichtbar.		: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:		*Wenn eine Werbung gebucht, ausgeliefert und das amp-ad dadurch angezeigt wird, so erscheint mit folgendem Code auch die Anzeigenkennzeichnung:
	<syntaxhighlight lang="css">		<syntaxhighlight lang="css">
Zeile 26:		Zeile 26:
	</syntaxhighlight>		</syntaxhighlight>

	iqampcenter und iqadmarker sind natürlich nur Beispielnamen, die ~~Ihr~~ gerne durch bessere Bezeichnungen ~~ersetzen könnt~~.		'''iqampcenter''' und '''iqadmarker''' sind natürlich nur Beispielnamen, die gerne durch bessere Bezeichnungen ersetzt werden können.

Tlohmann am 7. Juni 2021 um 05:44 Uhr

2021-06-07T05:44:10Z

← Nächstältere Version		Version vom 7. Juni 2021, 07:44 Uhr
Zeile 9:		Zeile 9:
	</syntaxhighlight>		</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.		iqampcenter und iqadmarker sind natürlich nur Beispielnamen, die Ihr gerne durch bessere Bezeichnungen ersetzen könnt.