いいね!

Post date: Apr 15, 2011 6:35:11 AM

このページの左上 「高橋 徹のホームページへようこそ」の左にfacebookの”いいね”ボタンがあるのが分かるだろうか。このページが気に入ったら是非クリックしてほしい。ところで,このボタンはもともとiframeやscriptなどのタグを利用して埋め込むようになっているのだが,google stitesではこのようなタグの使用が許されていない。しかし,すばらしい方がいるもので,このようにsitesには直接書けないコードをガジェットの中に埋め込んでしまう。code wrapper というものが公開されている。このボタンはこれを使って表示している。

ところが,これを使ってもChromePlusでは見えない。私はChromePlusを使っているので見えない原因が分からず苦労した。ためしにIEでみると問題なく見えた。

不思議だ。FireFoxや本家Chromeでどうなるのかは分からない。

備忘録として,これのやりかた

Facebookコネクトなどからいいねのコードを取得

(このとき通常は言語を自動判別して日本語のページではいいね!となるのだが,私はなぜか(たぶん,URLの関係)で英語標記になったので XFBMLのなかでne_USをja_JPに変えた

iframeのときはsrc="http://www.facebook.com/widgets/like.php?locale=ja_JP&,,,,,のようにする)

このあと,Sitesのページに移動して挿入->その他のガジェットからcode wrapperを検索してクリック

取得したコードを貼り付ける

widethはstandardでは450ピクセルくらい,高さは31(30ではちょっと切れた)このあたりは微調整がいるだろう

これでうまくいった(IEでは見えた,,,,,,)

あ~~つかれた