stryhのchangelog

G-toolsのBookmarklet作成ダーン! – DraftPad連携もあるよ

3259261461 9b7baa3e6d n
そもそもG-toolsを知らない人がいるかも知れませんね。
Amazonの商品紹介のHTMLをパターンに応じて作ってくれるサービスです。
Amazonのアフィリエイトプログラムに申し込んでいるのであれはアソシエイトID指定でアフィリエイトを含んだ状態でHTMLが作られます。

自分はMusicLogのエントリーでG-toolsを使いHTMLを生成して使ってます。

Bookmarkletは既に他の方がWeb上に公開されているのですが、見事に動かない。

なので、動かないけどそれを参考にして動くBookmarkletにしました。
ついでにDraftPadに流し込めるようアシストも作成!

G-Tools ブログとAmazon(アマゾン) アソシエイトでアフィリエイト 
G-toolsのサイト

Bookmarklet

PC用・iPhone用と2つあります。
理由はPCとiPhoneでAmazonのサイト構造が違う為です。

PC用

Bookmarklet

javascript:d=document;asin=d.getElementById(%22ASIN%22).value;void(d.location.href='http://www.g-tools.com/tools.php?view=styles&asin='+asin);

使い方

スクリーンショット 2012 04 27 23 58 24
ブラウザーからAmazonの商品詳細ページにいきます。
その後にBookmarkletを起動。
起動すると↓のG-Tools画面にいきます。
上部にあるタブからデザインを選択できます。
スクリーンショット 2012 04 28 0 02 15

iPhone用

Bookmarklet

javascript:var%20d=document;asin=d.getElementsByName(%22a%22)%5B0%5D.value;void(d.location.href='http://www.g-tools.com/tools.php?view=styles&asin='+asin);

使い方

Gtoolsiphone1
iPhoneでAmazonの商品詳細ページへ行きます。

Gtoolsiphone2
Bookmarklet起動。

Gtoolsiphone3
起動後、G-Toolsの画面が表示されます。

DraftPadへHTMLを流し込むBookmarklet

Bookmarklet

javascript:location.href='draftpad:///caret?text='+encodeURIComponent(document.getElementById(%22code%22).value);

使い方

iPhone用Bookmarklet操作の最後からの操作になります。
Gtoolsiphone4
デザインを決め↑のページに行きます。

Gtoolsiphone2 1
Bookmarkletを起動。

Gtoolsiphone5
きちんと入りました (´∇`)
DraftPadプレビューアシストで確認( ー`дー´)キリッ

Gtoolsiphone6
このように表示されます。

参考にしたサイト

Developer | DraftPad
Developer …
DraftPadのDeveloperサイト。
英語です。

Make a draft by DraftPad
Final adjustment by MarsEdit

URL :
TRACKBACK URL :

Comments & Trackbacks

  • コメント ( 0 )
  • トラックバック ( 10 )

No commented yet.

  1. […] G-toolsのBookmarklet作成ダーン! – DraftPad連携もあるよ | stryhの日記 ~stryh/chang…Amazonの商品紹介のHTMLをパターンに応じて作ってくれるサービスです。 […]

  2. […] ) [9] tips3 ◆ G-toolsのBookmarklet作成ダーン!DraftPad連携もあるよhttp://stryh.com/2012/04/28/g-tools%E3%81%AEbookmarklet%E4%…(via stryhの日記 ~stryh/changelog ) [9] tips3 ◆ […]

  3. […] 【share】G-toolsのBookmarklet作成ダーン! – DraftPad連携もあるよ しかし凄いね、、メモメモ_φ(・_・ […]

  4. […] ト作成って本当面白いですね (*´∀`*) 関連エントリー G-toolsのBookmarklet作成ダーン! – DraftPad連携もあるよ | stryhの日記 ~stryh/changelogBookmarkletは既に他の方がWeb上に公開されているのです […]

  5. […] G-toolsのBookmarklet作成ダーン! – DraftPad連携もあるよ | stryhの日記 ~stryh/changelogそもそもG-toolsを知らない人がいるかも知れませんね。 Amazonの商品紹介のHTMLをパターンに応じて作ってく […]

  6. […] G-toolsのBookmarklet作成ダーン! – DraftPad連携もあるよ | stryhの日記 ~stryh/changelog自分はMusicLogのエントリーでG-toolsを使いHTMLを生成して使ってます。 Bookmarkletは既に他の方がWeb上に公開さ […]

  7. […] 参考にしたサイト URLエンコード文字列一覧 | お勉強の軌跡URLエンコード文字列一覧 … 関連エントリー DraftPadアシスト – ul、ol、liタグへ置換するアシスト作成ダーン! | stryhの日記 ~stryh/changelog今回はul、ol、liタグへ置換するアシストになります。 … G-toolsのBookmarklet作成ダーン! – DraftPad連携もあるよ | stryhの日記 ~stryh/c…Bookmarkletは既に他の方がWeb上に公開されているのですが、見事に動かない。 なので、動かないけどそれを参考にして動くBookmarkletにしました。 ついでにDraftPadに流し込めるようアシストも作成! … DraftPadを使用して変わったBlog事情 | stryhの日記 ~stryh/changelogDraftPadをダウンロードし使い始めまだ数週間しか経ってませんが、自分のBlog事情が良い方向に変わった気がします。 … DraftPadのプレビューアシストを作成! | stryhの日記 ~stryh/changelog遂にDraftPadでBlogの下書きプレビューが出来るアシストを作成。 … DraftPadのアシストを作ってみた – Headingタグへの置換(h1~h6タグ) | stryhの日記 ~stryh/changelogHeadingタグ(h1~h6)の置換のアシストなら作れるんしゃねー?ってノリで作ってみました( ›◡ु‹ ) … 初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。 もしブログの内容が気に入って頂けましたらRSS リーダーの登録よろしくお願い致します。 Twitterもやってます。フォローお願いします。 @saita_ryouhei Facebookもやってます。saitaryouhei Posted in DraftPad, iPhone, iPhone4S, iPhoneApp, JavaScript | Tags: DraftPad, iPhone, iPhoneアプリ, アシスト « バックグラウンドでタブを開く方法 – 右クリックメニューは使いませんよ〜(´∀`) 会いたいから会いにいく。ただそれだけ in 大阪 – Dpub4からの再会 » You can skip to the end and leave a response. Pinging is currently not allowed. document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//stryh.com&nsid=93922898342860488%3A%3A100416432017303216&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E")); div.zenback div#zenback-news { display:none !important; } div.zenback div.zenback-links div.zenback div.zenback-keywords { display:none !important; } Facebookページ […]

  8. […] G-toolsのBookmarklet作成ダーン! – DraftPad連携もあるよ – stryhの日記 ~stryh/changelog公開おめでとうございます!あとで試す!! […]

  9. […] URLエンコード文字列一覧 | お勉強の軌跡URLエンコード文字列一覧 … 関連エントリー DraftPadアシスト – ul、ol、liタグへ置換するアシスト作成ダーン! | stryhの日記 ~stryh/changelog今回はul、ol、liタグへ置換するアシストになります。 … G-toolsのBookmarklet作成ダーン! – DraftPad連携もあるよ | stryhの日記 ~stryh/c…Bookmarkletは既に他の方がWeb上に公開されているのですが、見事に動かない。 なので、動かないけどそれを参考にして動くBookmarkletにしました。 ついでにDraftPadに流し込めるようアシストも作成! … DraftPadを使用して変わったBlog事情 | stryhの日記 ~stryh/changelogDraftPadをダウンロードし使い始めまだ数週間しか経ってませんが、自分のBlog事情が良い方向に変わった気がします。 … DraftPadのプレビューアシストを作成! | stryhの日記 ~stryh/changelog遂にDraftPadでBlogの下書きプレビューが出来るアシストを作成。 … DraftPadのアシストを作ってみた – Headingタグへの置換(h1~h6タグ) | stryhの日記 ~stryh/changelogHeadingタグ(h1~h6)の置換のアシストなら作れるんしゃねー?ってノリで作ってみました( ›◡ु‹ ) … […]

Leave a reply

*
*
* (公開されません)

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Return Top