ブログで生きていくブログで生きていくことを実践している藤本陽介の個人ブログです。Webマーケティング・WordPress・SEOについてノウハウを隠すことなく解説しています。ふじもん【AmazonJSの設定方法と使い方】アマゾンアソシエイトをカッコよく表示する稼げるWordPressプラグインツイート1シェアはてブ3LINEPocket3WordPressでサイトを運営していたら、アマゾンアソシエイトのリンク設置にも挑戦してみましょう。WordPressのプラグイン「AmazonJS」を使えば、アマゾンで取り扱いがある商品を簡単に紹介できます。「AmazonJS」は初期設定がちょっと複雑で大変ですが、一度設定してしまえば、とても便利なプラグインです。今回はAmazonJSの設定方法と使い方を紹介します。?公式プラグインディレクトリ「AmazonJS」AmazonJSというWordPressのプラグインは、Amazonアソシエイトの広告コードを埋め込む作業を簡素化するだけでなく、カッコよく表示してくれます。これによりサイト閲覧者は衝動買いを誘発させやすくなるので、サイト運営者は紹介料を獲得しやすくなります。同じ商品でも表示の違いによって、購買真理が変わることを紹介します。「沈黙のWebライティング」という書籍の紹介をサイト内でする際に、アマゾンアソシエイトの公式リンクと、WordPressプラグイン「AmazonJS」のリンクは、以下のように表示されます。アマゾンアソシエイト公式の作成リンクアマゾンアソシエイトの公式リンクは、このように表示されます。写真が小さく、なんだか購入ボタンを押しにくい感じがしますよね。ボーンの激闘—〈SEOのためのライティング教本〉AmazonJSのリンクは、サイトの幅に合わせて必要な情報をカッコよく表示してくれます。写真も大きくて見やすいですよね。AmazonJSのリンクの方がカッコよく表示されるので、もしわたしが閲覧者だったら、AmazonJSのリンクだったらクリックして、衝動買いしてしまうと思いました。みなさんは、どう思いますか?せっかく商品を紹介してくれるなら、アマゾンアソシエイトの公式リンクより、AmazonJSのリンクの方が良いと思いませんか?AmazonJSは無料で使えるWordPressのプラグインです。皆さんのサイトに導入してみてください。インストールWordPressの管理画面左メニューのプラグインの中にある新規追加をクリックし、画面右上の検索窓に「AmazonJS」と入力します。JSが表示されますので、「今すぐインストール」を選択し、そのまま「有効化」します。これでAmazonJSのインストールは完了です。注意AmazonJSをインストールすると、あなたのサーバー環境によっては「警告!キャッシュディレクトリが存在しません。書き込み可能なディレクトリを作成してください。ディレクトリを作成してください。このamazonjsディレクトリは、フォルダのパーミッションを777(読み書き実行すべてできる許可の設定)にしてください。設定方法WordPressの管理画面左メニューの設定の中に「AmazonJS」があるのでクリックします。この画面の赤枠部分を入力して、最後に「変更を保存」をクリックします。APIの設定Amazonjsのアクセスキーとシークレットアクセスキーを入力します。APIのアカウントが必要になります。無料で取得することができるので、いますぐ取得してしまいましょう。アソシエイトタグの設定Amazon.co.jpのアソシエイトタグを入力します。補足アマゾンアソシエイトタグを取得するには、Amazonアソシエイトのアカウントが必要になります。無料で取得することができるので、いますぐ取得してしまいましょう。APIのアカウントとAmazonアソシエイトのアカウントが必要なので、まだアカウントがない人はちょっと手間がかかります。このアカウント発行ができて、アクセスキーやタグが入手できれば、それ以降は簡単に商品紹介ができるようになります。管理画面から追加するだけAmazonJSの使い方はとても簡単です。WordPressの管理画面左メニューの投稿から新規追加、もしくは編集中の記事ページを開いてください。上図のように、編集画面のページの「メディアを追加」の隣に「amazonマーク」が追加されます。Amazonマークをクリックすると、アマゾン商品の検索ができます。今回は、わたしが最近購入して、とても良かった本「沈黙のWebライティング」を紹介しようと思います。キーワード入力欄に「沈黙のWebライティング」と入力すると候補が表示されます。今回は一番上の本なので、そのまま「選択」をクリックします。テンプレートの選択は6パターンから選べますが、基本的にデフォルトを選択することをおすすめします。そのまま挿入をクリックします。表記がおかしい場合わたしがいま採用している『STORK』というテーマだと、この赤枠のようにリストタグの点が表示されてしまってかっこ悪くなってしまいますね。これを表示させないために、WordPressの管理画面の外観>カスタマイズ>追加CSSを選択し、以下のコードを追記すればかっこよく表示されると思います。.amazonjs_link[target="_blank"]:after{content:none;}これをCSSに追記すれば、わたしのサイトのようにしっかり表示されると思います。ボーンの激闘—〈SEOのためのライティング教本〉いかがですか?ぜひ試してみてください。AmazonJSはマジでおすすめAmazonJSは初期設定が少し大変ですが、一度設定したら簡単にアマゾン商品の紹介が簡単にできるようになります。こんなにカッコよく表示されるならぜひ導入したいと思いますよね。このプラグインを導入したら、ぜひアマゾンの商品を紹介してみてください。毎月数万円のおこづかいぐらいなら、結構簡単に稼げるようになると思いますよ。SEO対策マニュアル【入門・基礎・プロレベルでも使える知識】2019年1月31日WordPressこの記事が気に入ったらいいねしよう!最新記事をお届けします。Amazonjsについてご質問があります。Amazonjsでリンクを表示することはできるのですが、表示の横に点々が表示されます。対処法があればおおしえください。AMこちらで紹介しているので参考にしてみてください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。【Facebookページプラグイン】ウィジェットに埋め込む方法RECOMMENDこちらの記事も人気です。Snippetsの使い方【広告コードを一元管理できるプラグイン】WordPress2017.1.1WordPressのおすすめプラグイン【プロが厳選した22コ】ABOUTこの記事をかいた人ふじもんWebサイトの制作や、システム開発などしながら、ブログで生きています。運用しているWebサイトは非公開ですが、数は20サイトを超えています。WordPressの講師をたまにしています。今後は動画編集を中心に活動していきたいです。POSTこのライターの最新記事WiFi2020.1.14入院中におすすめのレンタルWiFi【D3WiFiがおすすめな理由】WiFi2019.12.28どこよりもWiFiの口コミ評判と3つのデメリットを解説します【口座振替に対応...キャンペーン2019.12.24光回線の選び方【家電量販店で選んではいけない理由】WiFi2019.12.15レンタルWiFiなのに端末返却義務が無いWiFiサービスふじもんWordPressをマスターするために、プログラミングをゼロから勉強して、なんとか書籍の執筆やセミナー講演をさせてもらえるようになりました。いまは、ブログで生きています。日本で一番詳しくWiMAXを計測しました。Reserved.ホームメニューフォローシェアおすすめトップTwitterSNSでシェアツイート1シェアはてブ3LINEPocket3CLOSE。