Tumblrに公式Tumblr Buttonが登場してる件

スポンサーリンク

Web上のコンテンツを簡単にスクラップできるミニブログサービス「Tumblr」に、オフィシャルのTumblrボタンが登場していました。
「あれ、そういえばまだなかったんだっけ?」ってなくらいな感じではあるんですが。

まぁ公式になくとも、割と簡単に実装する手段はあって、当ブログでも一時期Tumblrへリブログするボタンを付けていましたが、公式ボタンは公式だけあって、いろいろと機能があるようです。

Tumblr Button

ボタンの種類は4種類、カラーリング2種の合計8種類が用意されています。

ボタンのサイズはいくつかありますが、height(高さ)は全部共通して20pxなので、StandardなTweet ButtonやFacebookのLike Buttonと並べて配置しても違和感なくぴちっと揃いますね。

そういう意味では、Box形式でTumblr側も用意してくれれば良かったとは思いますけど。

基本的にはBasicボタンの設置でいいかと思いますが、これ以外にAdvancedというのが用意されていて、これを利用することで通常のリンク形式での投稿の他、引用形式、写真、ビデオの4つの方法でリブログが出来るようにカスタマイズできます。

ただし、Advansedを利用するにはPHP、Ruby on Rails、javascriptでのみ扱うことになるので、設置するサイトによっては利用できないこともあるかもしれません。つってもjavascriptであれば、大概問題ないとは思います。

設置方法については、Tumblr Buttonのコード取得画面に書かれているので割愛しますが、別段そこまで難しいものではないですね。
指示通りに従えば誰でもいけるはず。

なお、設置方法によっては、段落ごとにTumblr Buttonを表示させて、その段落をリブログさせることができたりします。

コード例としてはこんな感じ。

<script type="text/javascript"> var p = document.getElementById('content').getElementsByTagName('p'), tumblr_button, tumblr_quote_quote, tumblr_quote_source; for (var i = 0, p_length = p.length; i < p_length; i++) { tumblr_quote_quote = p[i].innerHTML; tumblr_quote_source = document.title; tumblr_button = document.createElement("a"); tumblr_button.setAttribute("href", "http://www.tumblr.com/share/quote?quote=" + encodeURIComponent(tumblr_quote_quote) + "&source=" + encodeURIComponent(tumblr_quote_source)); tumblr_button.setAttribute("title", "Share on Tumblr"); tumblr_button.setAttribute("style", "text-indent:-9999px; overflow:hidden; width:20px; height:20px; background:url('http://platform.tumblr.com/v1/share_4T.png') top left no-repeat transparent;"); tumblr_button.innerHTML = "Share on Tumblr"; p[i].appendChild(tumblr_button); } </script>

これは、段落がきちっとpタグで囲われている場合のものなので、自分のブログでやってみようーという人は、自分のブログの記事でソースを確認してみてくださいね。

僕も導入しようかなーとは思いましたが、何となくzenbackで実装されたりしちゃうんじゃねーかなぁという淡い期待もあるので、当面は放っておくことにします。

それに、リブログするっていうユーザーになってくると、こういうボタンがなくとも簡単にリブログするような方法を使っていますから、あんまり設置の利点もないかなという気もしますしね。。

「Web」新着記事

「楽天西友ネットスーパー」爆誕! 忙しいママの強い味方になりそうじゃないか

Avatar for ホシナ カズキ

ホシナ カズキ

Amazon「ベビーレジストリ」が日本上陸したので早速登録してみた件

Avatar for ホシナ カズキ

ホシナ カズキ

飲食店紹介リンク生成サービス「タベレバ」が公開されていた件

Avatar for ホシナ カズキ

ホシナ カズキ

「スマホでFAX45」を使えば1枚45円でスマホからもFAXを送れる!

Avatar for ホシナ カズキ

ホシナ カズキ

「cookpad Mart」が始まる! サービス対象エリアになるのが楽しみな件

Avatar for ホシナ カズキ

ホシナ カズキ

もっと見る

モバデビモバイルウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく