makoto_kw

<p>AmazonJS displays Amazon products on your WordPress posts and pages. AmazonJS adds a search form to WordPress post form. Then you can search Amazon products by keyword, ASIN or URL, and add shortcode or html to your post from results of search.</p>
<p>AmazonJS uses `amazonjs’ shortcode and jQuery template to display Amazon products. View the work data at runtime, Javascript allows various representations. AmazonJS has some template to Amazon products for each Product Group, it can how to display the different Amazon products, such as books and music.</p>
<ul>
<li>Requires WorPress 3.3 or later</li>
<li>Requires your Amazon Product Advertising API</li>
<li>Plugin Uses API cache by using Transients API</li>
<li>Customize template by using jQuery template</li>
<li>HTTPS Support</li>
<li>Supports Amazon domains (<a href="http://www.amazon.com" rel="nofollow ugc">US</a>, <a href="http://www.amazon.co.uk" rel="nofollow ugc">UK</a>, <a href="http://www.amazon.de" rel="nofollow ugc">Germany</a>, <a href="http://www.amazon.fr" rel="nofollow ugc">France</a>, <a href="http://www.amazon.co.jp/" rel="nofollow ugc">Japan</a>, <a href="http://www.amazon.ca" rel="nofollow ugc">Canada</a>, <a href="http://www.amazon.cn" rel="nofollow ugc">China</a>, <a href="http://www.amazon.it" rel="nofollow ugc">Italy</a>, <a href="http://www.amazon.es" rel="nofollow ugc">Spain</a>)</li>
</ul>
<h4>Using Amazon Product Advertising API</h4>
<p>AmazonJS requires <a href="https://affiliate-program.amazon.com/gp/advertising/api/detail/main.html" rel="nofollow ugc">Amazon Product Advertising API</a><br />
in order to get Amazon product information from ASIN or keyword.<br />
Thus, you have to sign up Amazon Product Advertising API and specify your <strong>Access Key</strong> and <strong>Secret Access Key</strong>.<br />
And you must set your associate tags for Amazon Associates also.</p>
<h4>Shortcode</h4>
<p>AmazonJS adds a media link above an editor in the editing post page. The form that searches an Amazon product is shown when you click it. AmazonJS adds a simple html code (like WP-amazon) or an <code>amazonjs</code> shortcode from form.</p>
<p>AmazonJS supports the `amazonjs’ shortcode.</p>
<pre><code>ex)
[amazonjs asin="B00005ED8E" locale="JP" tmpl="Small" title="D・N・A"]
</code></pre>
<ul>
<li><em>asin</em>: (required) ASIN (ProductID of Amazon)</li>
<li><em>locale</em>: (required) <code>US</code>, <code>UK</code>, <code>DE</code>, <code>FR</code>, <code>JP</code>, <code>CA</code>, <code>CN</code>, <code>IT</code> or <code>ES</code></li>
<li><em>tmpl</em>: (optional) <code>Small</code>. if tmpl is empty, apply a template via Product Group of Amazon Product Advertising API.</li>
<li><em>title</em>: (optional) It will be used for loading message.</li>
<li><em>imgsize</em>: (optional) Thumbnail image size. <code>small</code>, <code>medium</code> or <code>large</code>.</li>
</ul>
<h4>Display by javascript</h4>
<p>In first, AmazonJS converts <a></a> tag from <code>amazonjs</code> short code in server side. Second, in window.load, <code>amazonjs.js</code> (it is added by plugin) will replace  <a></a> tag with formatted html to display Amazon Product by using jQuery template.</p>
<h4>Link</h4>
<ul>
<li>GitHub Repository (latest source code and old versions): https://github.com/makotokw/wp-amazonjs</li>
<li>Japanese article: http://blog.makotokw.com/portfolio/wordpress/amazonjs/</li>
</ul>


Amazon JS

beautiful

Easy to add an Amazon product to your post and you can customize display it…

cmeeren

<p>This is a “set it and forget it” widget which allows you to display shelves and reading progress from your Goodreads profile. You can add multiple widgets and configure them individually to show multiple shelves.</p>
<p>Some configuration options:</p>
<ul>
<li>Large/small cover images</li>
<li>Message to display if shelf is empty</li>
<li>Sort books by reading progress, date updated, shelf position, author, title, etc.</li>
<li>Number of books to display</li>
<li>Display your rating</li>
<li>Show first line of your Goodreads review (intended for quick notes such as “reading this together with Alice”, “recommended by Bob”, links to reviews, or whatever else strikes you fancy)</li>
<li>Show reading progress bar, progress text (no bar) or don’t show progress at all</li>
<li>Display time since last update (e.g. “2 days ago”)</li>
<li>Custom strings for time since last update (e.g. for quick and easy translating, or to change “2 days ago” to “2 floobargles since last update”)</li>
</ul>
<p>Almost all HTML elements have dedicated CSS classes to allow you to easily override the style. The widget looks OK on the most popular WordPress themes.</p>
<p>Requires PHP 5.4 or later (PHP 7 supported).</p>
<p>The source is hosted on <a href="https://github.com/cmeeren/gr-progress" rel="nofollow ugc">GitHub</a>.</p>


GR Progress Widget

Widget to display shelves and reading progress from Goodreads.

Amazon JS vs GR Progress Widget