ウェブサイトにfacebookのコメント欄
最近、ウェブサイトにfacebookへのリンクなどをちょっとずつ埋め込んできたが、この度、facebookへのコメント欄も設置することにした。
汐留のイタリア料理屋で＋ランチJellyをしている最中の仕事。技術に明るい面々が近くにいるから、何かあれば聞けると思って作業をスタート。
facebookページの「編集」をクリックし、ソーシャルプラグインの「コメント」というところから簡単に設置のためのコードが入手できる。iframeではなく、facebook仕様のxfbmlというものが手に入る。xfbmlがどういうものかよくわからないのだが、「とりあえずやってみろ」という非常に心強いアドバイスを頂いて、埋め込んでみたらうまく行った。
ただ、最初は思い通りの画像が表示されなかったので、また藤木穣さんに聞いてみると、サイトに<head>部分に埋め込むmetaタグについて教えてくれた。このページを読めば一発でわかる。
とりあえず、パクチーハウス東京の concept のページに設置してみた。 menu のページなどにも広げ、お客さんが感想を書けるようにしたいな。
汐留のイタリア料理屋で＋ランチJellyをしている最中の仕事。技術に明るい面々が近くにいるから、何かあれば聞けると思って作業をスタート。
facebookページの「編集」をクリックし、ソーシャルプラグインの「コメント」というところから簡単に設置のためのコードが入手できる。iframeではなく、facebook仕様のxfbmlというものが手に入る。xfbmlがどういうものかよくわからないのだが、「とりあえずやってみろ」という非常に心強いアドバイスを頂いて、埋め込んでみたらうまく行った。
ただ、最初は思い通りの画像が表示されなかったので、また藤木穣さんに聞いてみると、サイトに<head>部分に埋め込むmetaタグについて教えてくれた。このページを読めば一発でわかる。
<meta property="og:title" content="サイトタイトル"></meta>
<meta property="og:type" content=article></meta>
<meta property="og:image" content="イメージURL"></meta>
<meta property="og:url" content="サイトURL"></meta>
サイトとイメージのURLは、相対パスではなく絶対パス（http://から始まるURL）を指定する。
とりあえず、パクチーハウス東京の concept のページに設置してみた。 menu のページなどにも広げ、お客さんが感想を書けるようにしたいな。
コメントする