元々各記事にTwitterとgoogle+とFacebookの公式のボタンを配置してたんですが、個別ページはいいとしてもインデックスページだとずらっと並んだ記事全部にボタンが付く事になり、それぞれJavascriptでごにょごにょやったりしているのでページを開くのがなんだか重くなるわけです。
て事ではずしてみたり付けてみたり、試行錯誤の結果、単純なリンクだけにすれば負荷がかからないかと思ってインデックスページの各記事に付いているソーシャルボタンを公式ボタンじゃないただのリンクにしてみたのでこれで少し様子を見ます。それぞれのソーシャルボタンのリンクは次のようになっています。
TwitterにはWeb IntentsというAPIがあって、
というリンクで投稿画面を開けます。またこれは、
というのを一度インクルードしておくと勝手にサブウインドウを開いてくれます。Twitterの他の機能を使うのなら、どうせインクルードする事になりますが、これをインクルードすると多少裏で何かが動く事になると思うので、それも不要なら他のソーシャルボタンと同様に onclick=”..”を追加して、ボタンを押した時だけ自力でウインドウをポップアップさせても良いかも知れません。
MovableTypeのインデックステンプレートに入れるなら
という感じになります。
Facebookの「シェアボタン」をリンクからポップアップさせる方法です。これは「いいね！」とは違ってコメント付きで投稿するボタンです。「いいね！」ボタンだと、どうしても自分が既に押しているかどうかのフィードバックが欲しくなるし、そうするためには公式ボタンを使わざるを得ないので、シェアボタンにしたのですが、実はこのボタンは公式には既にサポートされなくなっていて、今の所まだ動いているという状況です。その内動かなくなるかも知れません。
Google+
Google+のシェアボタンを単なるリンクにする場合です。Facebookのシェアボタンとほぼ同じ感じです。
