How to Add Amazon Associates Ads to Your WordPress Blog {Part 2}
Yesterday I showed what you need to do to include an Amazon Associates text link advertising link into your WordPress article, and you ended up with this: Hellboy (Special Edition, 2 discs)
What if you want some spiffy pictures instead (like the one on the side here)?. This article will outline the obtuse steps that you need to take to do this.
Remember the fancy IFRAME version of the advertising from Amazon is completely out, because WordPress thinks it is a security issue, so you can’t do that.
The steps you need to take are like before:
- Log in to your Amazon Associates account
- Select Build Link/Widgets
- Select Classic Links
- Select Product Links
- In the Example I had it search DVD for Hellboy
- This time select IMAGE ONLY for your link (to make it look like the picture on this page).
- You highlight the HTML like before and copy it over to your WordPress page as usual:
<a href=”https://www.amazon.ca/gp/product/B00008EY65?ie=UTF8&tag=bigcajunstore-20&linkCode=as2&camp=15121&creative=330641&creativeASIN=B00008EY65″ mce_href=”https://www.amazon.ca/gp/product/B00008EY65?ie=UTF8&tag=bigcajunstore-20&linkCode=as2&camp=15121&creative=330641&creativeASIN=B00008EY65″><img border=”0″ src=”51ksuxW%2BPcL._SL160_.jpg” mce_src=”51ksuxW%2BPcL._SL160_.jpg”></a><img src=”https://www.assoc-amazon.ca/e/ir?t=bigcajunstore-20&l=as2&o=15&a=B00008EY65″ mce_src=”https://www.assoc-amazon.ca/e/ir?t=bigcajunstore-20&l=as2&o=15&a=B00008EY65″ width=”1″ height=”1″ border=”0″ alt=”” style=”border:none !important; margin:0px !important;” mce_style=”border:none !important; margin:0px !important;” /> - However, now you have a problem, the picture reference in the first IMG tag (src=”51ksuxW%2BPcL._SL160_.jpg” mce_src=”51ksuxW%2BPcL._SL160_.jpg”) is relative to the Amazon web page, and you must now replace that with a fully instantiated web address
- To find out the images real address, right click on the same page and choose “Copy Image Location” and copy it into the above code, so now it looks like:
<a href=”https://www.amazon.ca/gp/product/B00008EY65?ie=UTF8&tag=bigcajunstore-20&linkCode=as2&camp=15121&creative=330641&creativeASIN=B00008EY65″ mce_href=”https://www.amazon.ca/gp/product/B00008EY65?ie=UTF8&tag=bigcajunstore-20&linkCode=as2&camp=15121&creative=330641&creativeASIN=B00008EY65″><img src=”https://ecx.images-amazon.com/images/I/51ksuxW%2BPcL._SL160_.jpg” mce_src=”https://ecx.images-amazon.com/images/I/51ksuxW%2BPcL._SL160_.jpg” border=”0″ alt=”Hell Boy” align=”left” /></a><img style=”border:none !important; margin:0px !important;” mce_style=”border:none !important; margin:0px !important;” src=”https://www.assoc-amazon.ca/e/ir?t=bigcajunstore-20&l=as2&o=15&a=B00008EY65″ mce_src=”https://www.assoc-amazon.ca/e/ir?t=bigcajunstore-20&l=as2&o=15&a=B00008EY65″ border=”0″ alt=”” width=”1″ height=”1″ /> - Problem solved (kind of), I’d rather have the slick IFRAME code work, but the picture works for me too.
Hope this helps you get more Amazon Associates sales, it hasn’t worked for me much, but you never know what might happen soon.
Hi,
This is good info. But I can’t even get the plain text link from amazon associates to work. Would you be willing to list out the steps. It seems simple (copy and paste) but I must be doing something wrong.
Also, have you tried using the Product Preview java code in a post? A text link with that Product Preview is what I’d really love to use but I can’t figure out how it works. That I just copy and paste in the post in html mode. But…?
I keep trying different variations of entering the link (visual/html, using the “link” button visual and/or html mode, not using the button at all, etc. It seems to work but then when I try it again, it doesn’t. AAARRRGGGHHH! LOL
I haven’t done this for about a year and I know it worked back then so there must be a way. Any help you can offer will be appreciated. But know that I’m not real techy.
Thank you!
I tried the product preview stuff and it made my Blogspot sites go INSANE so I cut out that code.
To make a text link would be:
1) Log in to Amazon Associates
2) Select Build/Link Widgets
3) Select TEXT LINKS
4) Typically what I do then is find whatever I am looking for on Amazon remember the URL and then copy it into the “Link to Any Page” option on this page, and put in the text you want to show.
5) It should then generate the HTML code you need and paste it in.
My HTML code for a Zune would be the following: