Make Amazon banner (iFrame) open in new window

Posted by Premium Blogger Wednesday, November 24, 2010 ,

"Do me a favor, explain how to open an Amazon banner in a new window. Thanks."

The question would be as the same as asking how to make an iFrame open in new window because Amazon uses iFrame for its banner.

Let's take the Amazon gift card banner below. Do click on it and confirm for yourself that it opens in new window and hopefully purchase a nice gift card for your love ones (Important note especially if you are an AdSense publisher. Never encourage readers to click because it can get you kicked out from the AdSense program and you will have a very very very hard time to get it back (see how to restore banned AdSense account if that had happened to you. AdSense is CPC (Cost per Click) so doing that is considered click fraud. However, Amazon is CPA (cost per action) and the Amazon Affiliate gets nothing from people clicking their banner, only when that action resulted in a purchase that the affiliate gets a small commission, so for Amazon ads they don't have a policy banning you from encouraging readers to click their ads).


Anyway, here is the Amazon gift card banner which opens in new window:



Now to show how to do it. Here is the original Amazon iFrame code with the source (src) highlighted in red:

<iframe src="
http://rcm.amazon.com/e/cm?t=applesorangespears-20&o=1&p=12&l=ur1&category=gift_certificates&banner=127JF9E4530CSFRCY4R2&f=ifr" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>

Now all you need to do is to add <1=_new to the source URL with the above iFrame code thus modified to

<iframe src="
http://rcm.amazon.com/e/cm?t=bloggerfordum-20&o=1&p=12&l=ur1&category=gift_certificates&banner=127JF9E4530CSFRCY4R2&f=ifr<1=_new" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>

Now if you want the above banner centered like this instead of aligned left:




all you need to do is to surround the above code with <div style="text-align:center;"> and </div> with the above becoming

<div style="text-align:center;"><iframe src="
http://rcm.amazon.com/e/cm?t=bloggerfordum-20&o=1&p=12&l=ur1&category=gift_certificates&banner=127JF9E4530CSFRCY4R2&f=ifr<1=_new" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe><div>

Pretty simple right. Now for more Amazon banners, all opening in new windows:

0 comments

Post a Comment

Blogger Premium Templates