2014年3月22日 18:32

「あみあみ」A8.netブックマークレット修正版【javaScriptの練習】

人類は衰退しました 妖精さんシリーズぱーとすりー 妖精さん なかたさんとおともだちセット (1/2スケール PVC製塗装済み完成品)

あみあみ用ブックマークレットの修正版

以前てきとーに作っていた「「あみあみ」のブックマークレットもどき」を、まともなブックマークレットに修正しました。

需要のあるブックマークレットではないのですが、とりあえずjavaScriptの練習を兼ねて作ってたやつです。A8.netのIDを書き換えれば誰でも使用できます。以下でブックマークレットとその導入の仕方を書いておきます。

スポンサードリンク

スクリプトに自分のIDを入れる

まずブックマークレットのコードは以下の通りです。

javascript:(function() {function productImg() {var pi = document.getElementsByTagName('meta');for(i=0;i<pi.length;i++){if(pi[i].getAttribute("property")=="og:image"){return pi[i].getAttribute("content");}}return "";}var metas = productImg();console.log(metas);var ami=document.createElement('textarea');ami.style.width='100%';ami.value='<a href="http://px.a8.net/svt/ejp?a8mat=******+******+***+*****&a8ejpredirect='+location.href+'&affid=fc"target="_blank" rel="nofollow"><img src="'+ metas +'" width="480px"></a><a href="http://px.a8.net/svt/ejp?a8mat=******+******+***+*****&a8ejpredirect='+location.href+'&affid=fc" target="_blank"rel="nofollow">'+document.title+'</a>';document.body.insertBefore(ami,document.body.firstChild);ami.focus();ami.select();ami.ondblclick=function(){ami.parentNode.removeChild(ami)};ami.oncopy=function(){setTimeout(function(){ami.parentNode.removeChild(ami);},1);returntrue;}})()

「*」の部分をA8netのアカウントIDに書き換えて利用してください。A8.netの取得方法を説明します。

まず、A8.netで「あみあみ」のアフィリエイト提携登録をします。その後、「あみあみ」のサイトにて適当な商品を選び、商品ページを開きます。

次に、A8.netの商品広告を作成する画面にて、開いている商品のリンク先URL・掲載画像URLを入力し、リンク作成をクリック。

すると、上記画像のようにHTMLが出力されます。この中に自分のA8.netIDがあります。

上図の色がついている部分です。上記スクリプトの「******+******+***+*****」部分を書き換えましょう。

ブックマークレットをブックマークバーに登録する

ここまででブックマークレットの作成は完了です。次は起動の準備をします。

まず、IDを書き換えたスクリプトをコピーしておきます。

そして、アドレスバーの下にあるブックマークバーで右クリック、「ページを追加」を選択します。

ダイアログが表示されるので、「名前:」に「あみあみブックマークレット」を、「URL:」にスクリプトをペーストして保存。

以上で起動準備が完了です。では最後に確認をします。

「あみあみ」ページで起動確認

あみあみ [キャラクター&ホビー通販]

紹介したい「あみあみ」の商品ページを開き、「あみあみブックマークレット」をクリックします。

するとページ上部にテキストエリアが出現し、HTMLが出力されます。選択状態になっているので、「Ctrl + c」でコピーします。コピーするとテキストエリアは自動で消えます。

あとは商品を紹介したいブログ記事などのHTMLに貼り付けます。

あみあみ [キャラクター&ホビー通販] | 劇場版 魔法少女まどか☆マギカ [新編]叛逆の物語 鹿目まどか つままれキーホルダー 制服Ver.

こんな感じで表示されます。

画像のサイズなどはスクリプトの「width="480px"」部分を弄るか、classを追加して別途スタイルシートで整形しましょう。

絶版後記

需要はないと思うんですが、こうゆうのを色々作ってみてjavaScript他プログラミングを勉強中です。

【関連】javaScriptでmeta内のproperty属性から画像を取得する方法

  • 【タグ】
プログラミングカテゴリの他の記事はこちら。
JavaScriptカテゴリの他の記事はこちら。

スポンサードリンク

news

新作同人誌! MEMORIE(あまんちゅ!イラスト本)の通販 → メロンブックス

イラスト・漫画など活動報告 → イラスト・漫画仕事および同人活動の記録| 絶版あかみる