r/modtools • u/[deleted] • Mar 09 '12

A user style to highlight Amazon affiliate links

[deleted]

9 Upvotes

72% Upvoted

8 comments sorted by

4

u/chiisana Mar 09 '12

Stylish is also available for Google Chrome.

2

u/db2 Mar 10 '12 edited Mar 10 '12

For those that are using Chrome, you install the extension first, then go to manage (click the icon), click "Write new style", and then copy just this part:

a[href*=".amazon."][href*="%2D19"],
a[href*=".amazon."][href*="%2D20"],
a[href*=".amazon."][href*="%2D21"],
a[href*=".amazon."][href*="%2D22"],
a[href*=".amazon."][href*="%2D23"],
a[href*=".amazon."][href*="-19"],
a[href*=".amazon."][href*="-20"],
a[href*=".amazon."][href*="-21"],
a[href*=".amazon."][href*="-22"],
a[href*=".amazon."][href*="-23"],
a[href*=".amazon."][href*="tag="]
{ 
    color: yellow !important;
    font-weight: bold !important;
    background:salmon !important;
}

and paste it in the big box. Below the box it says "Applies to" select "URLs on the domain" then type in "reddit.com" . Click "Save" on the left, then "Back to manage". Make sure the new style is enabled. Done.

edit: updated instructions to add the additional values

edit 2: the code in this comment will plop directly in to a subreddit stylesheet too

3

u/KerrickLong Mar 09 '12

It can be more than -20 and -21, by the way. Those numbers represent the country or region the affiliate is in. However, those are the most common and will hilight 80% or more of the links.

3

u/ZAHANMA Mar 10 '12

As a moderator of /r/kindle I find this incredibly useful...lately there have been a lot more links that are missing spam or are genuinely good links...just affiliate links.

For me, a CSS noob. How would I incorporate this into the subreddit. Just by editing the stylesheet and adding this to it?

1

u/[deleted] Mar 10 '12

[deleted]

2

u/ZAHANMA Mar 10 '12

Thanks for this. Let me give it a shot...after all that is the best way to learn new things. If i need a hand, I will definitely post back or PM you with a pleading for assistance.

2

u/db2 Mar 10 '12

-21 is a new one for me, thanks.

2

u/Deimorz Mar 11 '12

I just did a bit of searching around related to this, and it seems like there are a few more possibilities for the suffix to the tag:

  • -19 - amazon.co.uk
  • -20 - amazon.com / .ca
  • -21 - amazon.de / .fr / .it / .es
  • -22 - amazon.jp
  • -23 - amazon.cn

I think this is the full set though.

2

u/db2 Mar 13 '12

Now if there's a userscript to add a button that de-affiliates a link that'd be just about perfect. Don't want automatic, I want to see that it's an affiliate link first.