Amazonアソシエイトの商品リンクを横並びで表示させる小ワザ

サイトやブログで収益をある程度考える場合、アフィリエイト広告はある意味必須ですね。

デザイン的にベタベタ貼るのもいかがなものかと思いますが、記事内にちょっとした広告は入れたいところです。

アフィリエイト広告の種類

広告主との提携先は何種類かありますが、代表的なところをご紹介します。

A8.net|アフィリエイトサービスなら日本最大級のA8.net

Amazonアソシエイト(アフィリエイト)プログラムに参加しよう!

iTunesパートナー – アフィリエイトプログラム

【楽天アフィリエイト】日本最大級のアフィリエイトプログラム

これらのサービスと提携することで、サイトやブログに広告を貼ることができます。

提携する際は審査がありますが、そのほとんどは問題なく利用することができます。

Amazonアソシエイトの商品リンクを横に並べる

今回はこの中からAmazonアソシエイトの商品リンク(テキストとイメージ)を横並びに表示させる方法を紹介します。

Amazonアソシエイト(アフィリエイト)プログラムに参加しよう!

通常こちらで作成した商品リンクを複数記事に埋め込むと、縦に表示されます。


特に問題はありませんが、人によっては気になるデザインだと思います。

できれば横並びにしたいという方のためにご紹介しますが、やり方はとっても簡単です。

アソシエイトの商品リンクを<div>で囲むだけで横並びに表示されるのです。

ポイント!
<div>作成した商品リンク埋め込みコード</div>

上の場合は、商品リンクと商品リンクの間にスペースを入れてるだけです。

スペースを入れないままだと、商品リンクのボックスがペタッとくっついた表示になるのでなんか気になります。

是非参考にしていただけたらありがたいです!


記事がお役に立てましたら是非シェアしてください\(^o^)/
Facebookにシェアする




オーダー似顔絵受付中!

クールな「ポートレート調似顔絵プラン」とポップな「コミック調似顔絵プラン」をご用意しました。
また、2種類の似顔絵プランがセットになった「2パック似顔絵プラン」がお得です!

ポートレート調

似顔絵プラン

¥6,000

追加=¥4,000/人

表情に多少のアレンジを加えますが

基本的には素材そのままの似顔絵です

クールな印象

バストアップ

コミック調

似顔絵プラン

¥6,000

追加=¥4,000/人

全体的に大幅なアレンジを加え

二頭身のキャラクターにします

ポップな印象

全身

2パック

似顔絵プラン

¥10,800

追加=¥7,200/人

ポートレート調とコミック調の

2つのプランをパックにしたものです

単体で2種類オーダーするより10%お得


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

ABOUTこの記事をかいた人

家族とイラストとブログが大好きな東京在住3人子持ちガテン系のお父さん。
心から好きなことを楽しみながら生きていくことを決めた マツオユキの公式ブログです。
詳しいプロフィールはこちらからどうぞ!