【WordPress】Amazonの広告リンクを作成するプラグイン”Amazon JS”の使い方

スポンサーリンク




本記事は、
WordPressにおいてAmazonアソシエイトの広告リンクを作成する
プラグイン”Amazon JS“の使い方を説明するものです。

Amazon JSは、広告リンクの作成は難しいことは何もありませんが、
利用するにあたって「Amazon Product Advertising APIのアクセスキー取得」
が難しいのかもしれません。

本記事は、
このアクセスキー取得の手順を図でわかりやすく説明しています。


なお、本記事を清書したPDFファイルを、
16年4月19日頃公開する予定となっています。
ご入り用の方は、こちら↓よりダウンロードしてください。

WordPressプラグイン”Amazon JS”と ブックマークレット”amazlet”の使い方



1 Amazon JSによる広告表示例

Amazon JSによる広告表示例を、図1-1に示します。

01_amazon
図1-1 Amazon JSによる広告貼り付け例



2 Amazon Product Advertising API(amazon.com)アクセスキーの取得

Amazon JSでアソシエイトタグを取得するには、
Amazon Product Advertising APIのアクセスキーが必要です。

本章では、
Amazon Product Advertising APIのアクセスキーの取得について説明します。

Amazon JSを利用する上で、
Amazon Product Advertising APIのアクセスキー取得が
最大の難関なのかもしれません。

まずは、amazon.comのアカウントを取得します。

これは、
日本のAmazonのアカウント(Amazonアソシエイト: amazon.co.jp)のアカウント
とは別物ですので、注意してください。
amazon.comのアカウントです!!

ⅰ) 下に示すサイトにログインします。

Amazon Product Advertising API

図2-1に示す画面が開いたら、右端の「アカント作成」をクリックします。

02_amazon

図2-1 Product Advertising AP
I


ⅱ) amazon.comのSign Inのページに移動するので、
アカウントを新規取得するかログインします。

E-mail or mobile number:」にEメールアドレスを入力します。

アカウント新規取得の場合

I am a new customer.”を選択

既にアカウントを持っている場合

I am a returning customer, and my password is:”を選択し、
パスワードを入力します。

そして、”Sign in our secure server”をクリックします。


03_amazon

図2-2 amazon.com Sign In


ⅲ) 登録作業を進めて完了したら(既存ユーザーの場合Sign Inしたら)、
図2-3の画面が表示されるので「Manage Your Account」をクリックします。

04_amazon

図2-3 amazon.comアカウント取得完了画面


ⅳ) アカウントサービス/アクセスキー情報の「こちらのリンク」をクリックします。

05_amazon

図2-4 アカウントサービス


ⅴ) 再びamazon.comのSign Inフォームに移動するので、
取得済みの amazon.comのアカウントでSign Inします。

06_amazon

図2-5 amazon.com Sign In


ⅵ) ログイン後、図2-6に示すメッセージのダイアログボックスが表示されます。
セキュリティ認証情報に進む」をクリックします。

07_amazon

図2-6 ログイン後のメッセージ


ⅶ) ようやくAmazon Product Advertising APIのアクセスキー
取得できるページに辿り着きました。
ここで、「アクセスキー(アクセスキーIDとシークレットアクセスキー)」を選択します。

08_amazon

図2-7 セキュリティ認証情報


ⅷ) 図2-8に示すページが開いたら、
新しいアクセスキーの作成」をクリックします。
09_amazon

図2.8 新しいアクセスキーの作成


ⅸ) 発行されたアクセスキーを取得します。

キーファイルのダウンロード」をクリックすると、
図2-10に示すようなアクセスキー情報が記載された
ファイル拡張子CSVのファイルがダウンロードされます。
10_amazon

図2-9 キーファイルのダウンロード
11_amazon

図2-10 キーファイル


ⅹ) 新しく発行されたアクセスキーのIDは、
図2-11に示すように表示されます。
12_amazon

図2-11 アクセスキーの作成結果


3 Amazon JSプラグインのインストール

本章では、Amazon JSのインストール手順を示します。

ⅰ) まず、「プラグイン新規追加」から「Amazon JS」でプラグインの検索しま
す。
13_amazon
図3-1 プラグインの追加


ⅱ) 見つかったら、「今すぐインストール」をクリックします。
14_amazon

図3-2 Amazon JS
最新のWordPress 4.4.2-ja(16年04月07日現在)では、図3-3に示す
「注意:このプラグインは現在使用しているWordPressのバージョンでは
テストされていません。」
のメッセージを含んだ画面が表示されますが、
気にせずに「インストール」をクリックしてください。
15_amazon

図3-3 未テストの注意メッセージ


ⅲ) インストールしようとすると、
/wp-content/cache/amazonjs”の ディレクトリを作成し、
ファイルアクセスモードを0777にするようメッセージが表示されます
(”Create /wp-content/cache/amazonjs/ directory and change mode it 0777”)。
実際には、この作業はインストーラが行ってくれますので、
利用者は行わなくても良いです。
念のため、
インストール完了後FTPソフトで件のディレクトリが作成されていることを
確認しておいた方が良いのかもしれません
(筆者の環境下でのインストールではディレクトリは作成されていました)。
16_amazon

図3-4 キャッシュの作成指示


ⅳ) インスールが完了すると、図3-5に示すよう表示されます。
ここで、「プラグインを有効化」をクリックして、プラグインを有効化します。
17_amazon

図3-5 Amazon JSインストールの完了


4 Amazon JSの設定

WordPress左サイドバーの設定を選択し、
表示されるメニューの中から「AmazonJS」をクリックします。

3 Amazon JSプラグインのインストールで示した
ディレクトリ(”/wp-content/cache/amazonjs”)が作成されていなかった場合、
ここで警告がでます。

この場合は、
FTPソフトで、ディレクトリ(”/wp-content/cache/amazonjs”)を作成してください。

18_amazon

図4-1 サイドバーメニュー

図4-2に示す設定画面が開きます。

アクセスキーID」と「シークレットアクセスキー」に
2 Amazon Product Advertising API(amazon.com)アクセスキーの取得
で取得した値を設定します。

アソシエイトタグの設定」では、AmazonアソシエイトのトラッキングIDを設定します。

トラッキングIDは、
Amazonアソシエイトの管理画面で確認できるトラッキング用の「*-22」のタグです。

19_amazon

図4-2 Amazon JSの設定



5 Amazon JS の使い方

Amazonアソシエイトの広告掲載は、とっても簡単です。

Amazon JSプラグインのインストール・設定が完了後は、
図5-1に示すように「新規投稿を追加」の記事作成画面に
Amazon JS用のアイコンが表示されます。

20_amazon

図5-1 新規投稿を追加

Amazon JS用のアイコンをクリックすると、図5-2に示すように
Amazonの商品検索フォームが表示されます。

キーワードかASIN/URLで検索します。

21_amazon

図5-2 商品の検索

たとえば、下に示すように入力して検索してみると、
図5-3 に示すように該当商品がリストアップされます。

日本
商品カテゴリ 本(Books)
検索キーワード ブログアフィリエイト

 

22_amazon

図5-3 商品検索結果

広告したい商品を選んで、
選んだ商品の右側にある「選択」をクリックすると、
図5-4に示すが画面が表示されます。

画面には、
テンプレートの選択とプレビュー、挿入されるショートコードが表示されます。

これで良ければ、「挿入」をクリックします。

23_amazon

図5-4 選択した商品広告のプレビュー

図5-5に示すようなAmazon JSのショートコードが追加されます。

24_amazon

図5-5 商品リンクのショートコード

Amazon JSのショートコードだけの記事を表示してみると、
図5-6のように表示されます。

25_amazon

図5-6商品リンクショートコードの表示結果



以上



【参考図書】





スポンサーリンク



スポンサーリンク

コメントを残す

このページの先頭へ

Top