つぶやきボタン - ブログ１年生でも設置できる超シンプルTwitterボタン
つぶやきボタンは、あなたのブログに簡単に「この記事をTwitterで呟く」ボタンを設置する事が出来るサービスです。入力フォームにブログアドレスを記入するだけでソースコードが生成されます。私も、このwordpressブログに設置してみました。個別の記事ページには表示されているはずです。
で、ここからは特殊なケース（wordpress使用が前提）での防備録になります。
私はwordpressで運営しているこのブログを、外部のサイトを新しいウインドウで開くためにWebsite Optionsと言う外部リンクを新しいウィンドウで開くJavaScriptを利用させて頂いています。この「Website Options」ですが、リンク先にリファラを残さないと言う特性があるみたいなんです。
で、つぶやきボタンはと言うと、リファラでurlを判断してTwitterへとリダイレクトしていたんですよね。そうすると、リファラが出ない私のブログでは使えなかったんです。
解決策としては、まずhttp://2bu.in/d/設置するブログアドレスにアクセスします。例えば、私のブログだったら「http://2bu.in/d/http://kanari.info/b/」です。
↑表示されたページには「つぶやくボタン」がありますので、そこの上にカーソルを合わせます。そうすると、「http://2bu.in/redirect/
数字/ブログアドレス」がステータスに表示されると思うのですが、その数字が自分に割り振られた数字です。
この割り振られた数字がわかったら、wordpressのテンプレートを弄ります。
<a href="http://2bu.in/j" target="_blank" style="text-decoration:none;border:none;padding:0px;margine:0px;"><img src="http://2bu.in/tw" alt="Twitter「つぶやく」ボタン" style="border:none;padding:0px;margine:0px;" /></a><a href="http://2bu.in/d/ブログアドレス" title="Twitterの「つぶやき」を見る" target="_blank" style="text-decoration:none;border:none;padding:0px;margine:0px;"><img src="http://2bu.in/i/ブログアドレス" alt="" style="border:none;padding:0px;margine:0px;" /></a>
上記のソースコードが生成されていると思うのですが、一番最初のa href="http://2bu.in/j"のところを、a href="http://2bu.in/redirect/割り振られた数字<?php the_permalink(); ?>"に書き換える事でリファラを残さない環境でもこの「つぶやきボタン」を使う事が出来ます。
でもこのケースはかなり特殊だと思いますし、普通は生成して貰ったソースコードをコピペするだけでOKのハズです(^0^;)
とは、wordpressをベースにした、ホームページ作成サービスです。ブログとサイトの折衷的な物が出来るっていう印象ですね。無料でも出来る事が結構あるので、とりあえず登録するのも良いと思います。
