WordPress + Amazon Associates + Iframe = :-(


How to Add Amazon Associates Ads to Your WordPress Blog {Part 1}

Trying to start using my Amazon Associates linking capabilities (never made me any money before, but who knows, it might be useful).

I finally figured out why I was having so many problems with my Amazon Associates account (I am associated with Amazon Canada), so I finally figured out how to log into my account and saw complete inactivity (needless to say). I have tried previously to include Amazon links in posts like  Have Good Content and You Will Succeed and others, so I figured now that I have my own blog, I’d try it again with WordPress.

As you can see from the Content post, I did succeed, but it is an obtuse fix as you will see.

Let’s take an example of my new favorite character Hell Boy, to put an ad for Hellboy the first movie, I could simply add it as a text link Hellboy (Special Edition, 2 discs)(like in this sentence). That is easy:

  1. Log in to your Amazon Associates account
  2. Select Build Link/Widgets
  3. Select Classic Links
  4. Select Product Links
  5. In the Example I had it search DVD for Hellboy
  6. Select TEXT ONLY option and click on Get HTML button and you get:<i><br /> <a href=”http://www.amazon.ca/gp/product/B00008EY65?ie=UTF8&tag=bigcajunstore-20&linkCode=as2&camp=15121&creative=330641&creativeASIN=B00008EY65″ mce_href=”http://www.amazon.ca/gp/product/B00008EY65?ie=UTF8&tag=bigcajunstore-20&linkCode=as2&camp=15121&creative=330641&creativeASIN=B00008EY65″>Hellboy (Special Edition, 2 discs)</a><img src=”http://www.assoc-amazon.ca/e/ir?t=bigcajunstore-20&l=as2&o=15&a=B00008EY65″ mce_src=”http://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;” /></i>
  7. Cool eh? There you have it, and from that you get this link:
    Hellboy (Special Edition, 2 discs)

However, if you want to put a nice picture in it, like they show on the Amazon Associates web page, you suddenly get code that looks like this:

<iframe src=”http://rcm-ca.amazon.ca/e/cm?t=bigcajunstore-20&o=15&p=8&l=as1&asins=B00008EY65&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr” mce_src=”http://rcm-ca.amazon.ca/e/cm?t=bigcajunstore-20&o=15&p=8&l=as1&asins=B00008EY65&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr” style=”width:120px;height:240px;” scrolling=”no” marginwidth=”0″ marginheight=”0″ frameborder=”0″></iframe>

Which the WordPress editor really does not like, it thinks the iFrame code is a security risk, it strips it out and you are screwed.

Tomorrow, but I want a picture!!!!

What do you think?

This site uses Akismet to reduce spam. Learn how your comment data is processed.