うろぐ

インターネットサービス&デジタル家電&デジタルカメラ&パソコンのレビュー

facebookの利用のネックとなるのが、多機能なのに分かりにくいユーザーインターフェイスです。
情報の公開範囲をウォールは全員に公開するがプロフィールは友人に限るとかの設定や、懸賞に応募してアプリにアクセスの許可をしたものの懸賞に外れたので懸賞の企業のアプリの許可を取り消したい、などの機能は頻繁に使う機能では無いので、いざ使おうと言うときに忘れてしまいがちです。
必要な都度にネットで検索をするのですが、最初のキーワードで目的とするコンテンツにたどり着ける確率が年々減ってきているので、自分で必要な機能へのリンク先をまとめることにしました。

(さらに…)

3月 8th, 2015

Posted In: Facebook

facebookeの自分のIDは標準的な使い方では画面に表示されません。取得するのには、ちょっとした操作が必要となります。
以下、その取り方です。

(さらに…)

3月 6th, 2015

Posted In: Facebook

リニューアルをしたWebSiteにfacebookのいいねボタンの設置を忘れていたので設置をすることにしました。最後にfacebook Developersにアクセスしたときと比べてインターフェースが完全に変わってしまい、操作方法もかなり変わっていました。
ネットで調べたのですが、検索結果の上位に表示される情報ページは、どれもこれもわたしが導入した当時のインターフェースを元にした解説ばかりなので役立ちません。
以下、試行錯誤しながらしたfacebook bottonの設置の方法です。

(さらに…)

3月 5th, 2015

Posted In: Facebook

地球規模で見ればGoogleを上回るネット企業のFacebookですが、日本での利用ユーザーがどの程度いるのか、正確な利用者数をわたしは知りません。(以前にFacebookが重複ユーザーのアカウント削除対策をが取ったのですが、現在でもシステム上、Facebookでは一人にユーザーが複数アカウントを取得することが可能なのです)
Facebookは凝ったデザインの採用を見送った代わりに、ユーザーフレンドリーなインターフェースを導入することが出来ました。わたし自身、WebSiteを作る際のレスポンシブルWEBデザインのお手本の一つとしてよく利用をしています。
ところが先ほど(2015/2/3 13:00)に「友達を見つける」ページにアクセスしてみると、このページがレスポンシブルWEBデザインに未対応だったので驚きました。
興味深いと感じたので書き留めておくことにしました。

(さらに…)

2月 3rd, 2015

Posted In: Facebook

各サービスのボタンの取得URLの一覧を備忘録にまとめました。

(さらに…)

4月 21st, 2013

Posted In: Facebook, twitter

いいねボタンの設置

これなら出来る!Facebookソーシャルプラグイン設置方法まとめ★具体的な導入手順を徹底解説【保存版】 | ソーシャルメディアマーケティングラボ|SMMlab

Facebook「いいね!」ボタンをBlogに設置する方法 | nanapi [ナナピ]

Facebookの「いいね!」ボタン設置方法 | 株式会社コンテンツ庵

OGR

【保存版】やるとやらないでは大違い!Facebookいいね!ボタンを最適化する「OGP」設定方法まとめ | ソーシャルメディアマーケティングラボ

【最新】facebook いいねボタン設置時のOGP設定方法♪ | フリーランスWEBデザイナーの仕事

4月 20th, 2013

Posted In: Facebook

OGP (Open Graph Protocol)の設定

OGPを最適化するためにmetaタグに書きます。

意味は、
“og:title”ページの名前。
“og:type”ページのコンテンツの種類、例「blog, website, cafe, hotel, restaurant」などです。
“og:url”ページのURL。
“og:description”ページの説明文。facebookでページタイトルの下に表示されます。
“og:latitude” ページの緯度。
“og:longitude” ページの経度。
“og:locality”場所。
“og:image”サムネイル画像のURL。
“og:site_name”サイトの名称。
“og:email”or ”og:phone_number”連絡先。
“og:country-name”サイトが所在する国名。
“fb:app_id”facebookのアプリID。

書き方のサンプル。
<meta property=”og:title” content=”記事のタイトル”/>
<meta property=”og:type” content=”記事の種類”/>
<meta property=”og:url” content=”記事のURL”/>
<meta property=”og:description” content=”記事の説明”/>
<meta property=”og:latitude” content=”緯度”/>
<meta property=”og:longitude” content=”経度”/>
<meta property=”og:locality” content=”記事が該当する場所の名前”>
<meta property=”og:image” content=”画像のURL”/>
<meta property=”og:site_name” content=”サイトのタイトル”/>
<meta property=”og:email” content=”example@facebookapp.com”>
<meta property=”og:country-name” content=”日本”/>
<meta property=”fb:app_id” content=”facebookのアプリID / APIキー”/>

metaタグの内容は、
<meta property=”何を指定するか” content=”どのように指定するか”>
で表します。

最小限にOGPで指定するタグは、title、description、url、imageです。
country-name、latitude、longitudeを自サイトに書いたところ、下記のデバッガツールでエラーが表示されました。

Facebookのニュースフェードでの見栄えで重要なのはimageです。
200px*200pxの正方形の画像が最も適していると言われています。

OGPデバッガツールのURL。https://developers.facebook.com/tools/debug

4月 13th, 2013

Posted In: Facebook

Facebookの「いいね」の設置

Facebookの「いいね」の設置|iframe編のHTML5版です。

facebookにログインします。

Like Button https://developers.facebook.com/docs/reference/plugins/like/に移動します。

(さらに…)

4月 12th, 2013

Posted In: Facebook

Facebookの「いいね」の設置の方法の備忘録です。
一番手軽に設置できる、iframeの手法です。

(さらに…)

4月 11th, 2013

Posted In: Facebook