O'Reilly Hacks
oreilly.comO'Reilly NetworkSafari BookshelfConferences Sign In/My Account | View Cart   
Book List Learning Lab PDFs O'Reilly Gear Newsletters Press Room Jobs  


 
Buy the book!
Amazon Hacks
By Paul Bausch
August 2003
More Info

HACK
#64
Add an Amazon Search Box to Your Site
Send your visitors to Amazon by letting them search for things they're already interested in
The Code
[Discuss (0) | Link to this hack]

The Code

The simplest way to add an Amazon search box to your site is to create an HTML form that links to Amazon. The search results will show up on Amazon's site, and your associate account will be credited if any sales follow.

The form uses the same method as linking to keyword search results ; the difference is that the form lets your visitors determine their own keywords to search for.

<FORM action="http://www.amazon.com/exec/obidos/external-search"&return;
   method="get">
<INPUT type="hidden" name="mode" value="blended">
<INPUT type="hidden" name="tag" value="insert associate tag">
Search Amazon:<br>
<INPUT type="text" name="keyword" size="10" value="">
<INPUT TYPE="submit" VALUE="Go">
</FORM>

If you also want to let your visitors determine the product category to search, you can replace the hidden mode field with a visible drop-down menu (<select> input type).

<FORM method="get" action="http://www.amazon.com/exec/obidos/external-&return;
search">
<INPUT type="hidden" name="tag" value="onfocus">
Search:<br>
<SELECT NAME="mode">
  <OPTION VALUE="blended" selected>All Products
  <OPTION VALUE="books">Books
  <OPTION VALUE="magazines">Magazines
  <OPTION VALUE="music">Popular Music
  <OPTION VALUE="classical-music">Classical Music
  <OPTION VALUE="vhs">Video
  <OPTION VALUE="dvd">DVD
  <OPTION VALUE="toys">Toys & Games
  <OPTION VALUE="baby">Baby
  <OPTION VALUE="videogames">Computer & Video Games
  <OPTION VALUE="electronics">Electronics
  <OPTION VALUE="software">Software
  <OPTION value="tools">Tools & Hardware
  <OPTION VALUE="garden">Outdoor Living
  <OPTION VALUE="kitchen">Kitchen & Housewares
  <OPTION VALUE="photo">Camera & Photo
  <OPTION VALUE="wireless-phones">Wireless Phones
</SELECT>
<br><br>
Keywords:<br>
<INPUT type="text" name="keyword" size="10" value="">
<br><br>
<INPUT TYPE="submit" VALUE="Search Amazon">
</FORM>

If you'd like to give your visitors some direction for searching, you can pre-fill the search form with keywords related to your site. Just add your keyword to the value attribute of the keyword input field. Seeing a topic they're interested in could prompt your visitors to start their search, or inspire them to change the search term to something particularly interesting to them.


O'Reilly Home | Privacy Policy

© 2007 O'Reilly Media, Inc.
Website: | Customer Service: | Book issues:

All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners.