ミニマリスト×幸せな生き方・考え方

きょうたブログ

スポンサーリンク







ブログ運営

Amazonだけのアフィリエイトリンクを作る方法

更新日:

ブログを書いていて

「カエレバ」「ヨメレバ」のリンクを貼ろうとしたらリンク先がない・・・

それでもカッコイイリンクボタンを作りたい!

 

こんなことありますよね。

そんな人でも大丈夫!

今回はAmazonでしか売っていない商品リンクを

 

「カエレバ」「ヨメレバ」のようにオシャレなボタンで製作する方法をご紹介します。

 

AmazonアフィリエイトのCSSにはAmakuriを使う

 

ブログを書いている人で「カエレバ」「ヨメレバ」で商品名を検索しても、

検索に引っかからないことがよくあります。

しかしAmazonの商品をどうしても売りたい!

 

そんな時に便利なツールがAmakuriです。

AmakuriはAmazonの商品だけを売りたい時にとても便利なツール。

Amazonの商品でも「カエレバ」「ヨメレバ」のようなおしゃれなボタンを設定できます。

 

以下のような見た目にすることができます。

 

 

それでは詳しくAmazonの商品リンクをおしゃれにする方法をご紹介します。

 

AmazonアフィリエイトのCSS設定方法~AmakuriをChrome拡張機能に設定する~

 

まずはChromeの拡張機能Amakuriを追加します。

ChromeウェブストアAmakuriと検索してください。

Amakuri

Chromeウェブストアはこちらのリンクから

検索したら右上に追加するボタンが出るのでクリックしてください。

 

Amakuri

既に追加してあるので追加済みと表示されています。

これで事前準備は完了です。

次は売りたい商品を紹介しましょう。

 

AmazonアフィリエイトのCSS設定方法~売りたい商品を検索してリンクを作成する~

 

Amazonで売りたい商品を検索します。

今回は漫画クローズを検索してみました。

検索した画面で右クリックをしてください。

 

Amakuri

 

きちんと拡張機能が追加されていたらAmakuriと表示されるはずです。

アフィリエイトリンク作成[新規ウィンドウで作成]を選択してください。

画面が別ウィンドウで開きます。

 

AmazonアフィリエイトのCSS設定方法~自分好みのデザインに編集する~

 

Amakuri

 

赤枠部分に自分のアソシエイトIDを入力して登録を押してください

右の保存されたアソシエイトIDにIDが表示されていれば大丈夫です。

次にデザインを編集していきます。

 

左下のデフォルトカスタムテンプレート1に変更してください。

Amakuri

 

次に下の枠にネット上で探した

自分好みのフリーhtmlデータをコピーしたものを張り付けてください。

まだ見た目が変わらないのでCSSを書き換えてあげる必要があります。

 

ワードプレステーマSTORKの場合はCSSの知識がなくても簡単に設定できるのでおすすめです。

ワードプレスの編集画面の「外観」→「カスタマイズ」→「追加CSS」の順で開いてください。

Amakuri

 

開いたCSSの画面にネット上で見つけたhtmlとセットになっているCSSを張り付けてください。

張り付けられたら右上の「公開」を押せば完了です。

 

AmazonアフィリエイトのCSS設定方法まとめ

 

今回はAmazonの商品リンクをおしゃれにする方法をまとめました。

Amazonの商品を紹介したけど見た目がダサくて困っている。

そんな人はぜひ参考にしてみてください。

スポンサーリンク







-ブログ運営

Copyright© きょうたブログ , 2018 All Rights Reserved Powered by AFFINGER5.