2011年7月11日

パクチーハウスのブログにfacebook「いいね!」ボタンを追加

現在某社と頻繁に打合せをしているのだが、今夕はお客さんとのコミュニケーションの密度を濃くするためにソーシャルメディアをより有効に使う方法についての話が非常に盛り上がった。twitterやfacebookをそれぞれ単独で使い、まぁまぁうまく使っているような気はするが、それぞれの特徴を活かしつつ機能を融合させられればもっと面白いと思う。

というわけで、さっきからずっとfacebookをサイトに埋め込み続けている。

前からやろうと思っていたパクチーハウス東京のブログへの「いいね!」ボタンの設置。何度かチャレンジして、よく分からなかったのだが、今日はどうしてもやろうと思い、本気を出したらできた。簡単だった。Wordpressのプラグインの中にあった。簡単にメモを残す。

1.facebookでApp IDを取得: このページから。Captchaによるセキュリティチェックの後、アプリIDが発行される。
2.Wordpressの管理画面からプラグイン検索。たくさんでてくるが、「Facebook Like Button」というのを選んでインストール。
3.管理画面の左下に「Facebook Like」というのが出てくるので、クリックし、「AppID for XFBML version」の欄に先ほどのアプリIDを入力。あとは、設置したいページなどを選べば完了。


Enhanced by Zemanta

ウェブサイトにfacebookのコメント欄

最近、ウェブサイトにfacebookへのリンクなどをちょっとずつ埋め込んできたが、この度、facebookへのコメント欄も設置することにした。

汐留のイタリア料理屋で+ランチ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 のページなどにも広げ、お客さんが感想を書けるようにしたいな。
Enhanced by Zemanta