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.