ココログのカスタマイズ

フッターにソーシャルボタンを設置する

以下のjavascriptコードは Google+1ボタン と はてなブックマークボタン に変換されるタグを、記事およびウェブページのフッターに追加する。

<script type="text/javascript">
$(function() {
  $('div.entry').each(function(i,e_) {
    var e = $(e_);
    var href = e.find('h3>a').attr('href');
    if (!href) { href = location.protocol + "//" + location.hostname + location.pathname; }
    var gplusone = '<span class="g-plusone" data-size="medium" data-href="' + href + '"></span>';
    var hatenabm = '<a href="http://b.hatena.ne.jp/entry/' + href + '" class="hatena-bookmark-button" data-hatena-bookmark-title="' + e.find('h3').text() + ': ISLeのビデオゲーム工房" data-hatena-bookmark-layout="simple-balloon" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a>';
    var content = gplusone + hatenabm;
    var target = e.find('>p.posted');
    if (target.length > 0) {
      if (target.find('>br').length < 1) { target.append('<br />'); }
      target.append(content);
    } else {
      target = e.find('>div.entry-body-bottom');
      if (target.find('+br').length < 1) { target.after('<br />'); }
      target = e.find('>div.entry-trackback');
      if (target.length < 1) { target = e.find('>div.entry-comment'); }
      if (target.length > 0) {
        target.before(content);
      } else {
        e.append(content);
      }
    }
  });
});
</script>
  • 2011/07/05

    初出

  • 2011/07/10

    コメントのフッタには表示されないように対処

  • 2011/07/25

    ウェブページで、コメントやトラックバックを受け付ける設定のとき、コメントやトラックバックより下に表示されないように対処

    ココログ純正ボタンを使っていないときでも、改行されるように対処

  • 2011/07/27

    高速化

  • 2013/10/18

    続きを読むのリンクから記事のページに移動した場合等、URLにパラメータが付いているときでも同一の記事と見なされるように対処

  • 2013/11/11

    ボタンが表示されるまでのあいだ改行されないようにGoogle+1ボタンの設置タグをdivからspanに変更

  • 2013/11/15

    設置タグをまとめて追加するように変更


コメント

コメントを書く



(ウェブ上には掲載しません)