Kennzeichnung von Partner-Links per CSS

Affiliate-Links müssen gekennzeichnet werden, weil sie eine Werbeform darstellen. Wenn Betreiber einer Website oder eines Social-Media-Accounts über einen Link eine Provision erhalten, sobald Nutzer darüber etwas kaufen oder buchen, liegt ein kommerzieller Zweck vor. Nach den Vorgaben des Wettbewerbs- und Medienrechts muss Werbung für Nutzer klar erkennbar sein. Die Kennzeichnung von Affiliate-Links sorgt daher für Transparenz, schützt Verbraucher vor versteckter Werbung und stellt sicher, dass Inhalte nicht irreführend wirken.

1 Umsetzung

Hier habe ich eine elegante Lösung gefunden, wie zumindest Amazon-Partner-Links automatisch via CSS mit einem Sternchen versehen werden. Es muss im StyleSheet der Seite irgendwo

a[href*="amazon.de"]:after, a[href*="amazon.com"]:after, a[href*="amzn.to"]:after { 
    content: "*";
}

Wo genau custom-StyleSheet-Anpassungen im verwendeten Theme abgelegt werden müssen, findet sich hoffentlich in der jeweiligen Dokumentation wieder. Bei mir ist es das Hugo DoIt-Theme. In deren Dokumention steht, dass Custom-CSS in assets/css/_custom.scss abgelegt werden soll.

Einen passende Fußnote im Footer ergänzt: fertig.

Titelbild von Andreas auf Pixabay.