Google-Adsense als "Anzeige" kennzeichnen

  • Weiß jemand, wie ich in Beiträgen, z.B. hier:

    https://www.inspirationforall.de/herztorte-pfir…t-creme-rezept/

    die Google-Adsense-Werbung nach dem ersten Absatz und am Ende jedes Beitrags als "Anzeige" kennzeichne?

    Mit dem Code für zusätzliches CSS klappt es leider nicht:
    ".quads-ad1 {
    position: relative;
    margin-top: 15px;
    }
    .quads-ad1:before {
    content: 'Anzeige';
    position: absolute;
    top: -15px;
    color: #888;
    font-size: small;
    }"

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Was klappt nicht? Lediglich das [FONT=Courier New]top:[/FONT] ist ggf. etwas zu wenig für die verwendete Schriftgrösse und das [FONT=Courier New]margin-top:[/FONT] sollte wg. der Verwendung von [FONT=Courier New]margin:[/FONT] im [FONT=Courier New]style[/FONT] Attribut mit einem [FONT=Courier New]!important[/FONT] versehen werden.

  • Dein aktueller Code ist fehlerhaft:


    Versuche es mit:


    Evtl. ersetzt Dein Theme die Anführungszeichen, wo es das nicht sollte. Wo genau wird der Code eingefügt? Füge alternativ den Code über das WordPress Menü "Design > Customizer > Zusätzliches CSS" ein.

    2 Mal editiert, zuletzt von b3317133 (18. Januar 2019 um 17:24)

  • Wenn Du Seitenquelltext im Browser anschaust, z.B. via Tastenkombination Strg-U, siehst Du den Grund:

    Die Anführungszeichen werden bei Dir zu ' umgewandelt, warum auch immer. Versuche es mal mit "Anzeige" statt 'Anzeige'.

    Wenn der Code tatsächlich im beschriebenen Menü eingefügt wird, sollte er eigentlich normalerweise im HTML Quelltext in einem [FONT=Courier New]<style type="text/css"[COLOR=#ff0000] id="wp-custom-css"[/COLOR]>[/FONT] Block erscheinen, siehe auch hier, das ist bei Dir derzeit nicht der Fall. Also wird der Code woanders eingegeben oder möglicherweise funkt das Theme irgendwie dazwischen, in dem Fall wäre der Theme-Support wahrscheinlich der bessere Ansprechpartner.

    3 Mal editiert, zuletzt von b3317133 (18. Januar 2019 um 17:44)

  • Jetzt hat es über das normale css geklappt. Nur kriege ich es mit dem Abstand nicht hin, so dass das Wort "Anzeige" zur Hälfte mit der Anzeige überdeckt wird. Hab schon verschiedene Abstände ausprobiert. Wisst ihr, woran es liegt?

  • Die weiterhin vorhandene fehlerhafte Regel für [FONT=Courier New].quads-ad1::before[/FONT] überschreibt das [FONT=Courier New]top:[/FONT] der jetzt korrekten Regel [FONT=Courier New].quads-location::before[/FONT]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!