cocologにGoogle +1ボタンを設置する
ココログにグーグルプラスワンのボタンを設置する方法です。…といってもトグサ秋月の電脳設計室さんのはてなブックマーク追加方法のパクリですが。
<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の受け入れ設定にも気を付けてください。
参考:
« Invalid pixel aspect ratio問題に対応したさきゅばす/coroid用ffmpeg for WIN | トップページ | Google Plus One Bookmarklet »
コメント
この記事へのコメントは終了しました。
トラックバック
この記事へのトラックバック一覧です: cocologにGoogle +1ボタンを設置する:
» Google 1 Bookmarklet [雪羽の発火後忘失]
Google App Engineの練習に、グーグルプラスワンブックマークレットを作成してみました。…これもパクリですが。 1 上のリンクをブックマークに登録し、 1したいページで、このブックマークを選択してください。 このbookmarkletは私が作成したGAE appを経由して 1ボタンを表示しますが、他人のサーバにアクセスするのは気持ち悪い!という方はgithubにコードを上げていますの... [続きを読む]
» 「cocologにGoogle 1ボタンを設置する」 [最寄り駅は尻手駅]
タイトルにGoogleの 1ボタンが設置されていると思います。 こちらの記事を参 [続きを読む]
« Invalid pixel aspect ratio問題に対応したさきゅばす/coroid用ffmpeg for WIN | トップページ | Google Plus One Bookmarklet »
ありがとうございます!
投稿: 猫おやじ | 2011/08/02 22:20