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

2015/04/25

by sayo

Tag : ,

Search Amazon Affiliate

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

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

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

Search Amazon Affiliate使い方

機能概要とメリット

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

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

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

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

Search Amazon Affiliateアイコン Search Amazon Affiliate|Chromeウェブストア

開発者向け ソース

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

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アイコン Search Amazon Affiliate|Chromeウェブストア

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

関連するコンテンツ

コメント

コメントを残す

この記事と同じ , に関する記事です。お役に立ちそうなのはどれですか?

広告

気になる単語をサイト内検索できます

この記事と同じカテゴリ: chrome拡張 javascript・jquery

>> 記事一覧を見る(TOPページ)