rel-payment: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
 
No edit summary
Line 5: Line 5:


== Examples from the wild ==
== Examples from the wild ==
=== Amazon Associates ===
Amazon has a range of different links available. From badges to text links. All are HTML based and all follow this template:
'''Product with image'''
This is the code generated by Amazon for a single product endorsement with photo. Everything is generated automatically.
<pre><nowiki>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <body>
  <table cellSpacing=0 cellPadding=1 width=120 height=240 bgColor=#000000 border=0>
  <tr>
    <td>
      <table cellSpacing=0 cellPadding=0 width=118 height=238 align=center bgColor=#ffffff border=0>
        <tr>
          <td>
            <table width=100%  height=238 border=0 cellSpacing=0 cellPadding=0>
              <tr align=center>
                <td>
                  <a href=http://www.amazon.com/exec/obidos/ASIN/B00022AH6I/solitudedk-20?creative=327641&camp=14573&link_code=as1 target=_blank><img src=http://rcm-images.amazon.com/images/P/B00022AH6I.01._SCTZZZZZZZ_.jpg vspace=3 border=0></a>
                </td>
              </tr>
              <tr>
                <td vAlign=center height=15%><center>
                  <a href=http://www.amazon.com/exec/obidos/ASIN/B00022AH6I/solitudedk-20?creative=327641&camp=14573&link_code=as1 target=_blank><font face=Arial color=#0000ff size=1>Kodak EasyShare DX7440 4MP Digital C...</font></a>
                </td>
              </tr>
              <tr height=15%>
                <td>
                  <center>
                  <font face=Arial color=#000000 size=-2>Kodak Digital </font>
                  </center>
                </td>
              </tr>
              <tr>
                <td height=15%>
                  <center><a href="http://www.amazon.com/exec/obidos/redirect?tag=solitudedk-20&amp;camp=14573&amp;creative=327641&amp;link_code=am1&amp;path=tg/stores/offering/list/-/B00022AH6I/all/ASIN/B00022AH6I&amp;camp=14573&amp;creative=327641" target=_blank><font face=Arial color=#0000ff size=1>Best&nbsp;Price&nbsp;<font face=Arial color=#990000 size=1>$157.70</font></font></a></center>
                </td>
              </tr>
              <tr height=15%>
                <td>
                  <center><font face=Arial color=#000000 size=1>or Buy&nbsp;New&nbsp;<font color=#990000></font></font></center>
                </td>
              </tr>
              <tr>
                <td height=15%><center>
                  <table>
                  <form method="GET" action="http://www.amazon.com/gp/aws/cart/add.html" target="_blank">
                  <tr>
                  <td>
                  <input type="hidden" name="SubscriptionId" value="D68HUNXKLHS4J" />
                  <input type="hidden" name="AssociateTag" value="solitudedk-20" />
                  <input type="hidden" name="ASIN.1" value="B00022AH6I" />
                  <input type="hidden" name="Quantity.1" value="1" />
                  <input type="hidden" name="linkCode" value="as1" />
                  <input type="image"  name="submit.add" value="Buy from Amazon.com" border="0" alt="Buy from Amazon.com" src="http://rcm-images.amazon.com/images/G/01/buttons/buy-from-tan.gif" />
                  </center>
                  </td>
                  </tr>
                  </form>
                  </table>
                </center></td>
              </tr>
              <tr>
                <td height=5% align=absbottom>
                  <center><a href=http://rcm.amazon.com/e/cm/privacy-policy.html?o=1 target=_blank>
              <font face=Arial color=#a1a1a1 size=1>Privacy Information</font></a></center>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
  </body>
  </html>
</nowiki></pre>
'''Text links'''
This is the code for a text link to a product category. The visible link text is chosen by the user.
<pre><nowiki>
<a href="http://www.amazon.com/exec/obidos/redirect?link_code=ur2&amp;camp=1789&amp;
  tag=solitudedk-20&amp;creative=9325&amp;path=tg/browse/-/1">
  Get Photography Books at Amazon
</a>
<img src="http://www.assoc-amazon.com/e/ir?t=solitudedk-20&amp;l=ur2&amp;o=1"
  width="1" height="1" border="0" alt="" style="border:none !important;
  margin:0px !important;" />
</nowiki></pre>

Revision as of 02:09, 17 August 2005

Authors

Andreas Haugstrup Pedersen

The Problem

Examples from the wild

Amazon Associates

Amazon has a range of different links available. From badges to text links. All are HTML based and all follow this template:

Product with image This is the code generated by Amazon for a single product endorsement with photo. Everything is generated automatically.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <body>
  <table cellSpacing=0 cellPadding=1 width=120 height=240 bgColor=#000000 border=0>
   <tr>
     <td>
       <table cellSpacing=0 cellPadding=0 width=118 height=238 align=center bgColor=#ffffff border=0>
         <tr>
           <td>
             <table width=100%  height=238 border=0 cellSpacing=0 cellPadding=0>
               <tr align=center>
                 <td>
                   <a href=http://www.amazon.com/exec/obidos/ASIN/B00022AH6I/solitudedk-20?creative=327641&camp=14573&link_code=as1 target=_blank><img src=http://rcm-images.amazon.com/images/P/B00022AH6I.01._SCTZZZZZZZ_.jpg vspace=3 border=0></a>
                 </td>
               </tr>
               <tr>
                 <td vAlign=center height=15%><center>
                   <a href=http://www.amazon.com/exec/obidos/ASIN/B00022AH6I/solitudedk-20?creative=327641&camp=14573&link_code=as1 target=_blank><font face=Arial color=#0000ff size=1>Kodak EasyShare DX7440 4MP Digital C...</font></a>
                 </td>
               </tr>
               <tr height=15%>
                 <td>
                   <center>
                   <font face=Arial color=#000000 size=-2>Kodak Digital </font>
                   </center>
                 </td>
               </tr>
               <tr>
                <td height=15%>
                   <center><a href="http://www.amazon.com/exec/obidos/redirect?tag=solitudedk-20&camp=14573&creative=327641&link_code=am1&path=tg/stores/offering/list/-/B00022AH6I/all/ASIN/B00022AH6I&camp=14573&creative=327641" target=_blank><font face=Arial color=#0000ff size=1>Best Price <font face=Arial color=#990000 size=1>$157.70</font></font></a></center>
                 </td>
               </tr>
               <tr height=15%>
                 <td>
                   <center><font face=Arial color=#000000 size=1>or Buy New <font color=#990000></font></font></center>
                 </td>
               </tr>
               <tr>
                 <td height=15%><center>
                   <table>
                   <form method="GET" action="http://www.amazon.com/gp/aws/cart/add.html" target="_blank">
                   <tr>
                   <td>
                   <input type="hidden" name="SubscriptionId" value="D68HUNXKLHS4J" />
                   <input type="hidden" name="AssociateTag" value="solitudedk-20" />
                   <input type="hidden" name="ASIN.1" value="B00022AH6I" />
                   <input type="hidden" name="Quantity.1" value="1" />
                   <input type="hidden" name="linkCode" value="as1" />
                   <input type="image"  name="submit.add" value="Buy from Amazon.com" border="0" alt="Buy from Amazon.com" src="http://rcm-images.amazon.com/images/G/01/buttons/buy-from-tan.gif" />
                   </center>
                   </td>
                   </tr>
                   </form>
                   </table>
                 </center></td>
               </tr>
               <tr>
                 <td height=5% align=absbottom>
                   <center><a href=http://rcm.amazon.com/e/cm/privacy-policy.html?o=1 target=_blank>
               <font face=Arial color=#a1a1a1 size=1>Privacy Information</font></a></center>
                 </td>
               </tr>
             </table>
           </td>
         </tr>
       </table>
     </td>
   </tr>
 </table>
   </body>
  </html> 

Text links This is the code for a text link to a product category. The visible link text is chosen by the user.

<a href="http://www.amazon.com/exec/obidos/redirect?link_code=ur2&camp=1789&
  tag=solitudedk-20&creative=9325&path=tg/browse/-/1">
  Get Photography Books at Amazon
</a>
<img src="http://www.assoc-amazon.com/e/ir?t=solitudedk-20&l=ur2&o=1" 
  width="1" height="1" border="0" alt="" style="border:none !important; 
  margin:0px !important;" />