Free!なランサー3

ふとした疑問やコアなお役立ち情報をお届けする情報サイト

WPプラグインAmazonjsを使わずにアマゾンのアフィリエイトリンクを自分好みに貼る方法

   

amazon.co.jp

wordpressプラグインのAmazonjsを導入したのですが何かうまく作動しないと言うかリンクされていないようなんです。

アクセスキーもシークレットアクセスキーもアソシエイトIDも間違っていないのに・・・

私がAmazonjsで貼り付けたAmazonの商品広告を誰かがクリックしてもアソシエイトに反映されていない・・・

どうしたもんかと思いしょうがないので新たなプラグインを探せどいい物がない!

・・・と思っていたら見つけました!

これはプラグインではありません。

Amazonのアフィリエイトリンクを作成出来るツールです。

その名もBabyLinkです。

プラグインを使わなくてもかなりいい感じでアフィリエイトリンクを簡単に作成出来るのでかなりおすすめです。

見た目は、シンプルであっさりしているので、Amazonjsが好きな人には物足りないかもしれません。

完成はこんな感じ

ちなみに少しだけスタイルシートでカスタマイズしています。

スポンサーリンク

BabyLinkの使い方と設定

使い方はかなり簡単です。

検索して、コードをコピペするだけ!まずはサイトに行きましょう。

ブックマークを忘れずに!

トラッキングIDを設定する

トラッキングID

トラッキングの設定ページに行きAmazonアソシエイトのトラッキングIDを入力します。

入力したら右の設定ボタンをクリック

基本的にこれだけです。

Amazonjsのようにアクセスキーもシークレットアクセスキーも必要ありません。

商品を検索

商品検索

トップページに移ります。

商品検索の欄に任意の商品名を入れて検索してください。

ちなみに右上に先ほど入力したAmazonのトラッキングIDが表示されているか確認しましょう。

商品を検索したら下に検索結果が表示されます。

検索結果

この商品のリンクを作るというボタンが表示されているのでクリックします。

すると、右側にブログパーツなるものが数種類表示されますので、お好みのコードをコピーします。

 スタイルシートをカスタマイズする

あとは任意の場所に貼り付けて完了です。

初期状態だとこのようなシンプルな状態になっています。

初期状態

ページの一番上に貼り付けていたように周りに囲み線を入れたいと思います。

私はcssに下記を記入しました。

border: 1px solid #dcdcdc;←囲み線の太さ、種類、色
border-radius:10px;←囲み線の角の丸み、消去すれば四角になります。
background: #ffffff;←背景色、必要ない場合は消去して構いません。
font-size: 16px;←文字のサイズ

画像サイズの変更

デフォルトではサムネイルが少し小さいので大きくしたい場合は、コピペしたコードを直接編集します。

<div class=”babylink-box” style=”overflow: hidden; font-size: small; zoom: 1; margin: 15px 0; text-align: left;”>
<div class=”babylink-image” style=”float: left; margin: 0px 15px 10px 0px; width: 75px; height: 75px; text-align: center;”><a href=”http://www.amazon.co.jp/exec/obidos/ASIN/4800710510/トラッキングID/” target=”_blank” rel=”nofollow”><img src=”http://ecx.images-amazon.com/images/I/51i61-Fsx-L._SL75_.jpg” alt=”” width=”53” height=”75” /></a></div>
<div class=”babylink-info” style=”overflow: hidden; zoom: 1; line-height: 120%;”>
<div class=”babylink-title” style=”margin-bottom: 2px; line-height: 120%;”><a href=”http://www.amazon.co.jp/exec/obidos/ASIN/4800710510/トラッキングID/” target=”_blank” rel=”nofollow”>アフィリエイト 報酬アップの絶対法則61</a></div>
<div class=”babylink-manufacturer” style=”margin-bottom: 5px;”>河井大志</div>
</div>
<div class=”booklink-footer” style=”clear: left;”></div>
</div>

赤文字の75pxを両方とも100pxに

青色のwidthを75pxにheightを100に書き換えます。

青色を両方とも100にしてしまうとうまく表示されません。(画像のサイズにもよる)

完成がこちらです。

最初より少し大きく表示されています。・・・・が少しピンボケするので注意が必要です。

必要な方は参考にしてみてください。

 - アフィリエイト, プラグイン , , ,

Message

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

  関連記事

集計2
ブログでアンケート、投票を簡単に設置できるwordpressプラグイン【Polldaddy】

ブログ内でアンケートを取りたいと考えている人は多いかと思います。 「みんなの意見 …

wordpress プラグイン
wordpressでビジュアルエディタを拡張出来る、おすすめプラグイン!

デフォルトのビジュアルエディタって少し寂しいですよね・・・ プラグインを導入する …

ソースコード
ソースコードをみんながやってるみたいに、それっぽくブログに掲載する方法

はいっ! 少しタイトルが長くなって解りづらい部分がありますが、どういう事かと言う …

スパム
Googleのスパム(自動ペナルティー)を解除できたので私の実行した対策を公開する

ブログをやっていると必ずと言っていいほど壁にぶち当たります・・・ 特に管理人はそ …

IMG_1707 (1)
iPhoneアプリのアフィリエイトリンクを簡単にブログに貼れるプラグイン【App Store Insert】

iPhoneアプリのアフィリエイトリンクを設置できるプラグインがあります。 こう …

切り替え2
サイドメニューの人気記事と新着記事を切り替え式で表示できるwordpressプラグイン

前から思ってたんですが、サイドメニューに新着記事と人気記事、両方を表示させている …

アイキャッチ こだわり3
意外と出来てない人が多い?ブログはアイキャッチ画像にとことんこだわれ!

たまーに見かけるんですが、アイキャッチ画像が結構適当なブログがあるんですよね!( …

リンク
wordpressプラグインBrowser Shotsでサムネイル付きリンクをみんながやっているみたいに表示させる

どういう事かと言うとこうゆう事です↓。 Free!なランサー3 意外と色々試行錯 …