アマゾンアソシエイトを検索するChrome拡張「Search Amazon Affiliate」を公開しました

Search Amazon Affiliate

Search Amazon Affiliate は、どのサイトでも選択した文字を右クリックするだけで、だけで、amazonアソシエイト検索するChrome拡張機能です。

特に記事を書くお仕事のライターさんやブロガーさん、アフィリエイターさんにとっておすすめのChrome拡張機能（Chrome Extension）なので、ぜひご利用ください。

Search Amazon Affiliate（サーチアマゾンアフィリエイト）

機能概要とメリット

Search Amazon Affiliate をChromeに追加（インストール）すると、どのサイトでも、選択した文字を右クリックすると、「◯◯をamazonアソシエイトで検索」のメニューが表示されるようになります。

記事内で紹介したい商品や関連した商品を検索するときに、わざわざamazonアソシエイトに移動して、文字を打ち込んだり、コピー＆ペーストする必要がなくなるので作業を効率化するのに役立ちます。

特に記事を書くお仕事をされているライターさんや、ブロガーさん、アフィリエイターさんにオススメのchrome拡張機能です。

↓こちらから、Chromeに無料で追加できます。

Search Amazon Affiliate｜Chromeウェブストア

開発者向けソース

次のような２つのファイルでできています。

manifest.json

「manifest.json」というファイルを作ります。

拡張機能の基本的な設定をしています。

{
	"name": "Search Amazon Affiliate",
	"version":"0.1",
	"manifest_version":2,
	
	"description": "選択した内容を右クリックでamazonアソシエイト検索します",

	"permissions":[
		"tabs", "http://*/*","contextMenus"
	],

	"icons":{
		"16":"16.png",
		"48":"48.png",
		"128": "128.png"
	},

	"background":{
		"scripts":["background.js"]
	}
}

manifest.jsonの簡単な解説と、処理の流れを説明します。

background: background.js で「選択している文字を右クリックしたらメニューを表示する」という処理を書きます。
permissions: contextMenus が、Chromeで右クリックでメニューを増やしたいときに使うコマンドの種類です。

background.js

右クリックメニューで表示したいメニューの内容や機能を定義しています。

chrome.contextMenus.create({
	"title": "「%s」をAmazonアソシエイトで検索",
	"type": "normal",
	"contexts": ["selection"],
	"onclick": function(info){
		var url ='https://affiliate.amazon.co.jp/gp/associates/network/build-links/individual/main.html?__mk_ja_JP=カタカナ&marketplace=amazon&searchSubcategory=all&fieldKeywords='+ encodeURIComponent(info.selectionText)+'&go.x=0&go.y=0&go=1&submit=1&selectedSearchIndex=all';
		chrome.tabs.create({
			url:url
		});
	}
});

完成

上記のソースを同じフォルダに入れるだけで、拡張機能が完成します。（別途アイコン画像も一緒に同じフォルダに入れておく）

上記のファイルは↓からダウンロードできます。

ダウンロード

ローカルで読み込む場合は、chrome://extensions/ （Chrome拡張機能設定画面）で上部ボタンの「パッケージ化されていない拡張機能機能を読み込む」から展開したフォルダを指定すると、ローカルで利用できます。

↓よかったら、Chromeに無料で追加できますので、使ってください。

Search Amazon Affiliate｜Chromeウェブストア

↓Chromeエクステンションを公開する方法は↓の記事を参考にしてください。
>> Chrome拡張機能を開発・公開する方法！javascriptができれば誰でもできる！