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をググる



タグクラウド


最近のエントリ

カレンダー

2020年6月
 123456
78910111213
14151617181920
21222324252627
282930  

分類別

保管庫


購読

marker

Firefox meter

CC LICENSE


since 2001-09-25

Powered by WordPress