文章を含んだtwitterの投稿用リンクの作り方

よく、twitterへのリンクで、クリックすると、twitterで文章が入っているものがありますよね。→ここをクリック
特にブログやホームページをお持ちの方は、使いたい方法だと思います。

あの投稿用リンクの作り方について、自分が欲しい構成のページが、既存情報には無かったので、今回、記事に書いてみます。

尚、本記事はHTMLの<a href=""></a>タグ位は分かる事が最低条件です。

• 解説

普通のリンクだとこんな感じのHTML文になるかと思います。

<a href="http://twitter.com/home">twitterへリンク</a>

ツイッターに文章付きでリンクを貼るには

<a href="http://twitter.com/home?status=（入れたい文章）">twitterへリンク</a>

という構文にすれば良いだけです。

但し、文章についてはutf-8という文字コードに変換する必要が有ります。

• 実際にやってみる編

今回の目的は、リンクをクリックすると、下記の文章が入る事を目標とします

@nyattta フォローしました #followmeJP

１．上記の文章部分をutf-8の文字コードに変換します。

変換はUTF8/16 | URL Encode / Decode（Schwarz Lanzenreiter）を使わせて頂きます。


サイトにアクセスして、任意の文字を入れて、変換ボタンを押します
尚、＠や＃やスペースが半角になっているか確認して下さい。


するとゴチャゴチャした文章が表れます。
これがにutf-8変換されたテキストですので、コピーしましょう。

２．上記でコピーした、変換後のテキストをHTMLエディターで、直接書き込みます。

<a href="http://twitter.com/home?status=%40nyattta+%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%81%97%e3%81%be%e3%81%97%e3%81%9f+%23followmeJP">フォローした？</a>

もしくは、livedoorブログなど、既にエディター機能があるブログサービスであれば、リンク先に下記のURLを指定します
http://twitter.com/home?status=%40nyattta+%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%81%97%e3%81%be%e3%81%97%e3%81%9f+%23followmeJP


すると、下記の通り、投稿用のリンクが出来上がります。

フォローした？

※よく考えたら、#followmeJPに投稿されは駄目なので、タグの行き先を変えました

あとは、下記の様な形でtwitterからの、ブログへの誘導文もできます。
このブログを友達にお勧め下さい

---

今回は、手打ち、若しくはAmebaやFC2など、既存のブログサービスを使っている人向けの最も簡単な方法です。

尚、WordPressやMovable Typeをお使いの方は、下記のブログをご参考下さい。

［資料］
このサイトの「Twitter に送る（ReTweet ボタン）」が出来るまで（gerenuk.crazyphoto.org）