スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【HTML】Amazon商品のHTMLソース(画像とテキストと商品説明:文字の回り込み)を使ったアレンジ!

Amazonアソシエイトは、登録できれば誰でも豊富なAmazon商品を自由に紹介することができるので、はじめての人にもぴったりなASPです。

 また、Amazon商品は、A8.netやバリューコマースなどでも利用できますが、直接の方が報酬の料率が高くなります。 紹介料率はカテゴリーごとに異なります。

【広告コード貼り付けの例】
☆広告コードは、「商品リンク作成」ページで、紹介したい商品を検索し、「リンク作成」ボタンを押すだけで以下のような広告(HTMLコード)を取得できます。

①画像&テキスト


②画像のみ


③テキストのみ
Fire TV (New モデル) 4K・HDR 対応、音声認識リモコン付属

※広告HTMLコードは、基本的に書き換えは、禁止になっています。 しかし、画像とテキストは入れたいけど商品を並べると「Amazon表記や値段など」がしつこくなり、デザイン的に外したい!ということもあるでしょう。そんな時には、画像とテキストコードを貼り合わせて、次のような広告に仕上げることができます。(※ここでは、値段とかの代わりに、商品説明をいれてみました。)


【縦型の例】
 
Fire TV (New モデル) 4K・HDR 対応、音声認識リモコン付属

Fire TVはお持ちのテレビのHDMI端子に接続してWi-Fiにつなぐだけで、Amazonビデオ、Hulu、Netflix、Abema TV、DAZN、dTVなど、豊富な映画やビデオをテレビの大画面で楽しめます。SilkやFirefoxよりYoutube、Facebook、Twitterなどのウェブサイトにもアクセス可能!


【横型の例】
 
Fire TV (New モデル) 4K・HDR 対応、音声認識リモコン付属

Fire TVはお持ちのテレビのHDMI端子に接続してWi-Fiにつなぐだけで、Amazonビデオ、Hulu、Netflix、Abema TV、DAZN、dTVなど、豊富な映画やビデオをテレビの大画面で楽しめます。SilkやFirefoxよりYoutube、Facebook、Twitterなどのウェブサイトにもアクセス可能!


という風に独自にカスタマイズしていくことも可能です。

※上記のようなカスタマイズは、
【縦型】( 高さheight="300"、 幅width="300"の場合 数字は任意に書き換えられます。以下をコピペして、ホームページビルダーのHTMLソース欄に貼り付けて確認してみて下さい。)

<table><tbody><tr><td style="border : 1px solid;" height="300" width="300" valign="top">ここに、Amazon商品の画像広告コードを入れる<br>ここに、Amazon商品のテキスト広告のコードを入れる<br><br><span>※ ここに、商品説明文を入れる</span></td></tr></tbody></table>



【横型】( 高さheight="200"、 幅width="480"の場合 数字は任意に書き換えられます。画像の横に文字を並べる回り込みをしたい場合は、 次のようにカスタマイズしましょう。

例 画像ファイル<img src="~.gif" width="480" height="203" border="0" style="float : left;">のように赤文字部分を入れます。

また、反対側に回り込みたいときは、「left」➡「light」にすれば反対側に 文字が回り込みます。 また、ホームページビルダーなら、回り込ませたい画像(自前の写真や商品画像など)を選択したうえで、 手順①右クリック ②スタイルシートの設定 ③「位置」を選択 ④属性(A)より「回り込み なし・右・左」の中から選ぶ。 以上の手順で、画像の横に文字を左右に自由に配置することができます。
<table><tbody><tr><td style="border : 1px solid;" height="200" width="480" valign="top" >ここに、Amazon商品の画像広告コードを入れる<br>ここに、Amazon商品のテキスト広告コードを入れる<br><br><span>※ ここに、商品説明文を入れる</span></td></tr></tbody></table>



【さらにアレンジに挑戦!】
Fire TV Stick (New モデル)
※Fire TVはお持ちのテレビのHDMI端子に接続してWi-Fiにつなぐだけで、Amazonビデオ、Hulu、Netflix、Abema TV、DAZN、dTVなど、豊富な映画やビデオをテレビの大画面で楽しめます。



A8.net の広告と組み合わせてみました。


※広告HTMLソースは改変せずに、自分のサイトデザインにあった貼り付け方法を工夫次第でできることが、お分かりいただけたでしょうか?



☆☆FC2 ブログランキングに参加しています。
この記事が役に立った!と思う方は、
上記のバナーをクリックして応援して下さいね!ヾ(o´∀`o)ノ☆☆
関連記事
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。