【Amakuri】デフォルトテンプレートカスタマイズ例 枠線のあるタイプ

マリオカート8 デラックス
Posted with Amakuri at 2017.6.18
Nintendo Switch
任天堂

<div class="amakuri-default" style="text-align: left; line-height: 1.5em; margin-bottom: 10px; overflow:hidden; _zoom:1;">
    <div class="amakuri-default-image" style="float: left; margin: 0 20px 0 0;">
        <a href="http://www.amazon.co.jp/exec/obidos/ASIN/B01N12G06K/" target="_blank">
            <img src="https://images-fe.ssl-images-amazon.com/images/I/61Ne3W26hCL._SL160_.jpg" width="99" height="160" alt="マリオカート8 デラックス" style="border: none">
        </a>
    </div>
    <div class="amakuri-default-desc" style="overflow: hidden; _zoom:1;">
        <div class="amakuri-default-title" style="margin-bottom: 0.5em;">
            <a href="http://www.amazon.co.jp/exec/obidos/ASIN/B01N12G06K/" target="_blank">マリオカート8 デラックス</a>
        </div>
        <div class="amakuri-default-posted" style="margin-bottom: 0.5em; font-size: small;">Posted with <a href="http://dadadadone.com/amakuri/" target="_blank">Amakuri</a> at 2017.6.18</div>
        <div class="amakuri-default-platform">Nintendo Switch</div>
        <div class="amakuri-default-label" style="margin-bottom: 0.5em;">任天堂</div>
        <div class="amakuri-default-link" style="margin-top: 1em;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B01N12G06K/" target="_blank">Amazonで詳細を見る</a></div>
    </div>
</div>

今回も上記テンプレートを利用していきます。

最終的に、外側に枠線がありAmazon購入リンクがボタンになっている下のようなリンクを作ります。
(カスタマイズ例の結果は全て画像にしてあります。)

amakuriカスタマイズ例01

(さらに…)

【Amakuri】【更新情報】Platformが複数あった場合に対応するように修正

Platformの項目が複数あった場合に最初のものしか取得できていなかった問題を修正いたしました。

Platformの項目には「Windows」などといった値が入ってきます。
もしもいままで複数Platform対応で、例えば「Windows 7」としか表示されていなかったような項目は、「Windows 7, Windows 8, Windows10」といった風に表示されるようになります。

【Amakuri】【更新情報】検索画面の表示項目追加、および一部商品でNot Machine Specificと表示される問題を修正

Amazon Product Advertising API から取得した cretor という項目に値があった場合、検索画面に表示されるようにしました。
creator という項目は作品のクリエイターや書籍の監修者などが表示されるようです。
全ての商品にこの creator という値が入力されているわけではありませんので、あるものとないものとわかれます。

出版社も表示させるように修正しました。

商品リンク画面で creator の値(商品リンクでは今回の実装以前からこの値を author と同じように使用しております)が 0 の場合でも表示されていた問題を修正しました。

また電化製品など一部製品で Not Machine Specific と意味のない文言が表示されていたのですが、それを非表示にするように修正しました。
いままで Not Machine Specific と商品リンクについてしまうので使えないと思っていた方はもう一度試してみてくださると幸いです。

【Amakuri】ガタガタさせないで綺麗に画像の横幅を揃えて商品リンクを表示する方法

マリオカート8 デラックス
Posted with Amakuri at 2017.6.18
Nintendo Switch
任天堂

Amazonのアフィリエイトリンク作成ツールのAmakuriでAmazonの商品リンクを作って並べると上みたいに段差ができて綺麗じゃなくなってしまうなんていうことはありませんか?

ブログの表示幅の問題もあってどんな場所にも対応できる技というわけではないのですが、CSSを設定することで見栄えを整えることができます。

(さらに…)

【Amakuri】デフォルトテンプレートを利用した簡単カスタマイズ方法

Amazonアフィリエイトリンク作成ツールの「Amakuri」には「カスタムHTMLテンプレート機能」がありますが、自分好みにカスタマイズするのは難しいと思っていませんか?

でも実はカスタマイズって簡単なんです。

今回ご紹介するのはデフォルトテンプレートを元にしてオリジナルテンプレートを作る方法です。

下記が今回サンプルにしますデフォルトテンプレートの「貼り付け用リンクコード」です。
「マリオカート8 デラックス」で検索した結果を表示させています。

長いですし一行でごちゃごちゃと書いてあって何がなんだかわかりませんよね。

<div class="amakuri-default" style="text-align: left; line-height: 1.5em; margin-bottom: 10px; overflow:hidden; _zoom:1;"><div class="amakuri-default-image" style="float: left; margin: 0 20px 0 0;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B01N12G06K/" target="_blank"><img src="https://images-fe.ssl-images-amazon.com/images/I/61Ne3W26hCL._SL160_.jpg" width="99" height="160" alt="マリオカート8 デラックス" style="border: none"></a></div><div class="amakuri-default-desc" style="overflow: hidden; _zoom:1;"><div class="amakuri-default-title" style="margin-bottom: 0.5em;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B01N12G06K/" target="_blank">マリオカート8 デラックス</a></div><div class="amakuri-default-posted" style="margin-bottom: 0.5em; font-size: small;">Posted with <a href="http://dadadadone.com/amakuri/" target="_blank">Amakuri</a> at 2017.6.13</div><div class="amakuri-default-platform">Nintendo Switch</div><div class="amakuri-default-label" style="margin-bottom: 0.5em;">任天堂</div><div class="amakuri-default-link" style="margin-top: 1em;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B01N12G06K/" target="_blank">Amazonで詳細を見る</a></div></div></div>

表示結果はこちらになります。

マリオカート8 デラックス
Posted with Amakuri at 2017.6.13
Nintendo Switch
任天堂

見慣れたAmakuriのデフォルトテンプレートです。
でもこれがこれから変わっていきますからね。

こういったものは最初からすべて作ろうとするから大変なんです。
ですから、この貼り付け用リンクコードを参考にしながら切ったり貼ったりするところから初めてみましょう。

(さらに…)

【Amakuri】【更新情報】「Amazonで詳細を調べる」リンクテキストに「なし」を追加

「Amazonで詳細を調べる」といったリンクテキストを非表示にできる機能を追加しました。
リンク作成画面の「Amazonリンクテキスト」を「なし」に選択すると非表示にできます。

良さそうな「Amazonリンクテキスト」の文言があれば追加しますので、Amakuriのコンタクトフォームよりお送りください。

【Amakuri】【更新情報】一部商品が検索できなかった問題を修正

衣料品などのようにサイズなどでバリエーションがあるような商品のごく一部、
AmazonでASINコード検索してもヒットしないような商品のごく一部がASINコードで検索できるようになりました。
まだ相変わらずそのような商品は商品名での検索ではひっかかりませんが、
そのうち対応できたらするかもしれません。
Amakuriで商品検索しても出てこない商品に関しては、
AmakuriのChrome拡張でAmazonの商品ページから直接作成するのがオススメです。
ASINコードがあるものに関しては作成画面に直接飛べば作成できるはずです。