ココログにグーグルプラスワンのボタンを設置する方法です。…といってもトグサ秋月の電脳設計室さんのはてなブックマーク追加方法のパクリですが。
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'ja'}
</script>
<script type="text/javascript">
function add_google_p1(){
var maybeentries = document.getElementsByTagName("div");
for( var entryidx in maybeentries ) {
if( maybeentries[entryidx].className == "entry" ) {
var maybeheaders = maybeentries[entryidx].getElementsByTagName("H3");
var taghref = document.location;
var alla = maybeheaders[0].getElementsByTagName("a");
if( 0 < alla.length ) { taghref = alla[0].href; }
var googleP1 = document.createElement('g:plusone');
googleP1.setAttribute('size','medium');
googleP1.setAttribute('count','true');
googleP1.setAttribute('href',taghref);
maybeheaders[0].appendChild(googleP1);
}
}
};
add_google_p1();
</script>
[追記: 勉強も兼ねてgithubにリポジトリを作成してそこで更新しています。最新版はこちらからダウンロードできます。]
上のコードを、
に記載されている手順に従って、はてなブックマークのコードの代わりにペーストするだけです。JavaScript初心者が見よう見まねで作成したので不具合があるかも、です。
もう少し詳細に手順を。
まず、ココログの管理画面を開き、マイリスト->マイリストの新規作成を選択します(下図クリックで拡大)。
次に、リストのタイプを「メモ」とし、名前を適当に決めてリストの作成ボタンを押します。
そして、次の画面の備考欄に、冒頭のソースコードをペーストして保存ボタンを押します。このとき、ラベル名はつけてもつけなくてもOKです。
これ以降は普通の手順と同じですので、公式ヘルプページ
の「5:リストをブログからリンク」を参照して自身のブログへ上記で作成したメモリストを公開してください。
ちなみに、Google ChromeでCookieを全ブロックしているとボタンが見えませんでした。確認の際はCookieの受け入れ設定にも気を付けてください。
参考:
最近のコメント