twitterボタンのカウント(数字)の増え方

ツイートボタン作成ページ( http://twitter.com/about/resources/tweetbutton )のURLに以下を設定したボタンを6つ作成し、カウントの増え方について実験しました。


【用意したボタンのURL(data-url)】
a) http://ryotryo.blogspot.com/
b) http://ryotryo.blogspot.com/?id=hogehoge
c) URLではなく本文(data-text)に http://ryotryo.blogspot.com/ を記述
d) http://ryotryo.blogspot.com/index.html
e) http://ryotryo.blogspot.com
f) http://ryotryo.blogspot.com/index.html?id=hugahuga


【実験内容】
■1.aを押したとき⇒a,eが+1された
・URLのスラッシュ有り・無しは同一としてカウントされる
・dは別物扱い
・bも別物扱い

■2.bを押したとき⇒a,b,eが+1された
・a,eでbは増えないけど、bでa,eは増える

■3.cを押したとき⇒a,eが+1された
・date-urlに文字列がなくても、date-textに文字列が含まれていればカウントは増える
・date-urlをパラメータか消すと絶対にカウントは増えない

■4.dを押したとき⇒dだけが+1された
・hoge.htmlまで付けると、スラッシュ終わりのURLとは別物扱いになる

■5.eを押したとき⇒a,eが+1された
・a,eは同じものと考えてよさそう

■6.fを押したとき⇒fだけが+1された
・dは+1されない点が、aとbの関係とは違う

※その他
・ツイートしてからボタンの数字が増えるまでには10分ほどかかった
・非公開アカウントからツイートしてもカウントは増えなかった
・公開アカウントでツイートしてカウントを増やしたあと、そのアカウントを非公開にするとカウントは残ったままだった

SSL領域にソーシャルボタンは簡単には置けない

twitterのツイートボタンも、Facebookのいいねボタンも、サーバと接続するのでSSL領域に普通に置くと警告が出る。
twitterはaタグを使った形にしておけば大丈夫だけど、Facebookのいいねはおそらく無理(※)。シェアボタンなら多分いける。
アンケートフォームの入力前後の画面がhttpなのかhttpsなのかは事前に要注意。

・追記
いいねボタン内のリンクを http⇒https にすれば警告が無くなるという話も。ただ何故警告が出なくなるのかはっきりと分からないのであまりやりたくない。

FireMobileSimulatorのUAは間違えている可能性がある

とても便利なFireMobileSimulator。( http://firemobilesimulator.org/ )
でも、端末のUA情報は有志の方の手作業のため間違っている可能性もあります。

おかしいなと思ったらKEITAIALL ( http://keitaiall.jp/ )等でも確認してみましょう。

JavaScriptで何かの動作に連携・付随する動き

「Aが起きたらBをやる」というときは、Aの処理自体をtrue/falseで判定できたりする。
たとえばswfobjectで「flashが表示されたときにこの画像も表示する」としたいなら、so.write('flashdiv')という動作自体をtrue/falseで判定できる。(書き出されたならtrue)
迷ったときはalertで何が返ってくるか調べる。

Facebookのイイネボタンからカウント表示はとれない？

2011年5月現在、Facebook公式のイイネボタン作成ページ( http://developers.facebook.com/docs/reference/plugins/like/ )でボタンを作ると以下のようにlike数が右につく。

※google.comに対してのイイネボタン


オプションではこの数字を取ることはできないので、見せたくない場合は [ td.connect_widget_button_count_excluding ]を[ display:none; ]する。ただ、ブラウザ上で消えただけでソースにはしっかり残っているので根本的な解決ではないです。


※2011年6月追記

■消し方
・iframeの場合そこの指定が強いためか単純に消えないことがあるようです。消した人曰く「iframeの外側にあるliタグの幅指定してoverflow:hidden;してやった。」
・貼り付けコード内のstyleをwidth73pxにしても同じようなことができる。

※上記2つは単純にイイネの幅より大きい部分を消しているだけなので、文字サイズを変更(縮小)するとカウントも見えてくる。

・js使ってiframeの中身をいじれば綺麗にいけるのかも？
http://c-brains.jp/blog/wsg/10/09/25-020332.php


■やろうと思えば数字は分かる
上記の対応では「ソースに残っているじゃん、完全に消してくれ」と言われた場合に困ります。

しかしそもそも、「対象URLがいいねボタンを押された数」というのは、いいねボタン作成ページに対象のURLを入れれば誰でも分かること。なので、完全にカウント情報を秘密にすることは現状できない。

ソースまで見てカウントを探ろうとする人は上の方法を知っている可能性が高いので、結局のところソースから消すことができたとしてもあまり意味はない。ということでどうでしょうか。


※2011年8月追記

恐らく同じ問題について語っている海外のサイト。後で内容を試してみよう。
http://stackoverflow.com/questions/2950172/facebook-like-button-hide-count

IE8で別ぺージへのアンカーリンクが効かない

[a.html]から[b.html]の特定箇所へ飛ばしたいとき、[b.html#hoge]とアンカーをつけるが、IE8で飛んだあとの表示位置がずれるときがある。
ググッてみるものの詳しい原因・解決策は不明。