Skypeto: Skype chat to n-yoshi n-yoshi
Twitter: Follow laresjp on Twitter laresjp
feed: RSS 2.0 RSS or Atom Atom

WordPress で「ツイートボタン」公式版を付けてみた

| go BLOG Top |

2010-08-13(金) 18:25(UTC +0900) p

以前よりサードパーティ製のボタンは付けておりましたが、このほど Twitter 公式のボタンが提供開始されたとのことで、ウチにも付けておきました。
これまではエントリ本文の右上に小細工したアンカーによって『呟き』ボタンとしていたワケですが、ここをただの『t』アイコンではなく、カウンター付きの公式なボタンに置き換えました。
で、その時に WordPress の個別エントリの情報を拾えるように設定してやり、今までと同様の動作をしつつ、今後は正式版なら出羽の短縮機能も活用しましょう、と云うコトで。
なお、コード生成は http://twitter.com/tweetbutton から各自どうぞ。


clip IT!
from Twitterブログ
ツイートボタンでリンクを簡単に共有しよう
via ITmedia News
Twitter、公式「Twitter Button」を発表

via TechCrunch JP
Twitterが独自のツイートボタン提供開始―元のURLの一部が表示されるのはうれしい


で、実際のやり方は次の通り。

  1. ボタン作成ページ http://twitter.com/tweetbutton にアクセス
    (各位の設定言語に合わせ、以下のスクリーンショットは適宜読み替えで)
  2. 『ボタン』のカウント数の縦/横/非表示を選択します
  3. 『ツイート内テキスト』として各エントリのタイトルを入れ込めるよう、 <?php the_title(); ?> と入力
  4. 『URL』にも同様に、 <?php the_permalink(); ?> と入力
  5. 『言語選択』は各自のお好みで
  6. フォロー候補の表示用に自分のアカウント名などを入れて、生成されたコードをコピー
  7. 生成されたコードをテンプレートの任意の場所に埋め込み

と、ザッとまあこんな感じです。
実際に生成されたコードを見ていくと、あとから簡単に調整出来るコトが見て取れますね。

<a href="http://twitter.com/share"
 class="twitter-share-button"
 data-url="<?php the_permalink(); ?>"
 data-text="<?php the_title(); ?>"
 data-count="horizontal"
 data-via="laresjp"
 data-lang="ja">
Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

コレまでにも付けていたのは tweetmeme と言う多機能サービスです。
ただ、その多機能を使いこなす程ではなく、事実上の『呟かれカウンター』に過ぎないモノだったのですが、短縮 URL からの呟かれ他、諸々広く捕捉するのでこちらは引き続き掲示。

もう一つが Topsy と言う、こちらも多機能サービス。
色々できるらしいのですが、ウチでは特に『ウチの blog に言及してる呟きをコメントのように表示させる』仲介サービスとして使ってます。
弱小 blog なのであまり話題にならず、なかなか実例を示し難いのですが、例えば “iPhone と Skype で出来るコトと出来ないコト” というエントリを見れば、どのようにカウントされるのか/どのように呟きが表示されるのか、よく分かります。

これらと併せ、今度の公式ボタンで、更にカッコがつくようになりました。内実が伴うかはまた別問題、ですが()

関連するかも知れない?


, Permalink, 関連つぶやき
cat: Tips(ティップス), Twitter(ツイッター), 更新情報
tag: , ,
0 Trackback

トラックバック

この記事のトラックバック URL


Twitter

Powered by Topsy

オススメ(殿堂)

ThinkPad Bluetooth ワイヤレス・トラックポイント・キーボード
ThinkPad Bluetooth ワイヤレス・トラックポイント・キーボード
ThinkPad
トラックポイント付きの無線キーボード

オススメ(amazon)

Twitter

オススメ(ニコ動)

オススメ(link)


検索

このblogをググる



タグクラウド


最近のエントリ

カレンダー

2025年2月
 1
2345678
9101112131415
16171819202122
232425262728  

分類別

保管庫


購読

marker

Firefox meter

CC LICENSE


since 2001-09-25

Powered by WordPress