ブログとツイッター（twitter）の連携について一部変更

2010/02/19 2014/11/09

1年以上前の記事です。内容が古い可能性があります。

いろいろなサービスを使っていますが、やはり核となるのはブログ。
そして、それに追随するかのように最近ではツイッター（twitter）が重要になってきています。
先日、ちょっとばかりツイッターまわりの環境を整備しましたが、今回はブログとツイッターとの連携についてちょっと見直してみました。
なお、ここで「同期」を使うのは日本語として間違ってると思います。

【PR】
ツイッター 140文字が世界を変える (マイコミ新書)
著者：コグレマサト
販売元：毎日コミュニケーションズ
発売日：2009-10-09
おすすめ度：
レビューを見る

1. 各ページに「Follow me」バッジをつけた

これは、ヘッダー部分のツイッターアイコンを「ついろぐ」へのリンクに変えたのも一つのきっかけ。
あんまり余計なものつけるの好きじゃないんだけど、結構つけている人がいるにも関わらず意外と気にならないもんだなぁと感じたので付けてみることにした。
以下のサイトにいって必要事項を入力し、「UPDATE CODE」を押すとソースを作ってくれます。

□Twitter “Follow” Badge for your site / blog

あとはできたソースを</body>の前に貼りつけるだけ。

2. 各記事に「ヒつぶやく」ボタンをつけた

これに関してはこのあたりを参考に。

□livedoor Blogに「twitterでつぶやく」ボタンを設置 : Grope in the Dark… | livedoor Blog（ブログ）
□[を] このブログに「twitter でつぶやく」ボタンをつけた

本当は毎日新聞さんが使っている「ヒつぶやく」ボタンが使いたかったんだけど著作権の所在がはっきりしなかったのでTwitterで配布しているアイコンを使いました。

できたソースはこちら

<a href="javascript:location.href='http://twitter.com/home/?status='+'RT%20%40Norisa:%20'+encodeURIComponent('<$ArticleTitle ESCAPE$>')+'%20'+encodeURIComponent('<$ArticlePermalink$>');" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-b.png" alt="ヒつぶやく" border="0" />つぶやく</a>

「Norisa」のところを自分のアカウントに変えてあげればライブドアブログの方であればどなたでも使えると思います。
これを各記事に貼りつければOK（でもそこが一番難しい）

livedoorの独自タグもあるみたいですね。
□Blogger Alliance お知らせブログ : Twitterに簡単につぶやける独自タグを実装しました
手軽でいいのですが書式が気に入らなかったので使ってません。

以上、2点を追加しました。

なお、あわせて、「AddClips」を外すことにしました。
個人的に一度も使ったことがないというのが理由です。

- ツイッター（Twitter）, 告知・紹介・ニュース, 覚え書き twitter, ツイッター

Comment

plankton1219 より:

2010年2月28日 10:01 PM

$ArticleTitle ESCAPE$
や
$ArticlePermalink$
が反映されないのですが、どうしたらいいんでしょう・・・。
色々試したのですがお手上げです。
よろしかったら教えてください。

返信
のりさより:

2010年2月28日 11:43 PM

> plankton1219さん
「<」や「>」がエンコードされちゃってるのかもしれません。
もしくはソースの置き場所に問題があるとか？

返信
plankton1219 より:

2010年3月1日 4:43 AM

>>のりささん
もっかい勉強してきます。
ありがとうございました。

返信
plankton1219 より:

2010年3月1日 4:52 AM

>と<を消したらできました！ありがとうございました。

返信
plankton1219 より:

2010年3月1日 5:01 AM

何度も何度も申し訳ないのですが、
やはり出来ていませんでした。
投稿してからソースコードを確認してみると、
「>」や「<」が、「<」や「>」になってたり、「border="0" alt="ヒつぶやく"」が「alt="ヒつぶやく" border="0"」に勝手になってました。これは何をすれば解決できるのでしょうか。

返信
のりさより:

2010年3月3日 8:31 AM

> plankton1219さん
もしかして、記事を書くときにやってませんか？
それだとダメかもしれません。

返信
plankton1219 より:

2010年3月3日 11:37 PM

あ、わかりました(笑)
そうゆうことでしたか！
わざわざすいませんでした。
コメントはすべて消してしまって構いません。
ありがとうございました。

返信