2013/07/12

FacebookとGoogle+用のブックマークレットを作りました

とあるページを「いいね!」しようとしたら、「いいね!」ボタンがないことに気がついたので「いいね!」ボタンを表示させるブックマークレットを作ってみました。



いいね!のブックマークレット ドラッグアンドドロップでお気に入りまで持って行ってください。
共有のブックマークレットはFacebook純正のがあるのであえて作る必要はありませんね。

ついでに、Google+の+1のブックマークレットも作りました。
こちらもなぜか共有ブックマークレットだけGoogle純正がありました。 

いや、もちろんググればこれらのブックマークレットだってあるとは思うのですけどね。
どうも、自前のjsを呼んでたりして、なんかイヤだったので。

ついでなので、ソースも晒しておきます。

var e1=document.createElement('div');
e1.innerHTML="<div class='fb-like' data-layout='standard' data-send='true' data-show-faces='true' data-width='450' data-href='"+location.href+"'/>";
document.body.insertBefore(e1,document.body.childNodes[1]);
var e2=document.createElement('div');
e2.id="fb-root";
document.body.appendChild(e2);
var e3=document.createElement('script');
e3.innerHTML="(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s);js.id = id; js.src = '//connect.facebook.net/ja_JP/all.js#xfbml=1'; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));";
document.body.appendChild(e3);


var e1=document.createElement('div');
e1.innerHTML="<div class='g-plusone' data-annotation='inline' data-width='300'/>";
document.body.insertBefore(e1,document.body.childNodes[1]);
var e2=document.createElement('script');
e2.innerHTML="window.___gcfg = {lang: 'ja'};(function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();";
document.body.appendChild(e2);

0 件のコメント: