Skip to content

Amazon Referrerlinks per CSS kennzeichnen

Eine sehr elegante Lösung für Partnerlinks zu Amazon habe ich bei Felix Schwenzel gefunden. Er verweist auf ein paar Zeilen CSS die hinter jeden Partnerlink zu Amazon ein kleines Amazon-Logo setzt um ihn kenntlich zu machen. Wirklich simpel:

a[href*=“stdlw-21”]:after { content: url(“data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABKUlEQVQ4jaXTvyuGURQH8A9KEVEMBpkok/wYlBiMLAws/gFlMJgNyiQGgxSzzSoDpRQ26V3YyCA/FskkvAzv1fs4PW8Gp07Pved8v9/nnHvu5Z9WVSHejnF0oIhr7OPpL8FGbOEDX8HfsILaSuQWFALpM3k2doz6vFaOAnEeDajDbBDaiQJT4S8XaMMulhLmMmCGoDolZ4JgL/ZwjsMUew2YmaxAX0ieYjCtJ9P3K2D6swJNIXmi1PO08uhuAqY5K/AYkmNJdCARO3MquM9uNpUPZzWRXvGQid+mitbTfpHyTexROvlqPGNO6TKNpPxlamU4ibSiC3fZKtb8HlMBG6m6s5BbkGM12A7A6EUs55GzNqE8hR/iOw4wGsGVXiOlt9GdhK7wkgf6BoarY5Bw4HxiAAAAAElFTkSuQmCC”); margin: 0 0 0 3px; opacity:0.6; }

Partnerlinks zu Amazon sind also ab sofort hier entsprechend gekennzeichnet. Und irgendwie hab ich das Gefühl, dass man damit auch noch andere lustige Dinge machen kann, mal draufrumdenken smile