mmt45

こまごましたメモとか料理とかMacとか

Category Archives: facebook

2012/03/28
by admin
0 comments

facebookページのタイムライン化まで3日きりましたね【2012年3月28日現在】

Category: facebook, web | Permalink

ということで、とりあえず目につきやすい部分を最低限設定。

1）カバー写真

【サイズ】
851×315px

【カバー写真の設定】
1）カバー写真を追加
2）注意書き表示される→OK
3）写真をアップロード

【カバー写真の注意点】
・宣伝的な表現は使わない。（今なら30％OFF！とか）
・基本情報に入れるような情報は、カバー写真に入れない。（住所、URLなど）
・「いいね！」ボタンはこちら　みたいな表現を入れない。
・アクションを促す表現を入れない。（購入はこちら的なもの）

2）プロフィール写真

【サイズ】
180×180px

【プロフィール写真の設定】
1）プロフィール写真を追加
2）写真をアップロード

ニュースフィードに出てくるアイコンにもプロフィール写真が使われる。
ニュースフィードに出てくるアイコンサイズ：32×32px

3）カスタムタブなど

【サイズ】
117×74px

「ビュー」や「アプリ」は最大12個まで設定でき、そのうち4個までがデフォルトで表示されます。
デフォルトで表示されるアプリは設定できる。

アプリを全部表示させて、マウスオーバーすると右上に鉛筆アイコンが表示される。
それをクリックしてアプリの入れ替えをする。

【カスタムタブ写真の設定】
1）鉛筆アイコンクリック
2）設定を編集
3）カスタムタブの画像→変更
4）カスタム画像をアップロード画面が別窓で開く
changeをクリック→写真アップロード

いわゆる「いいね！」って押してもらうための今までのウェルカムページは廃止。
（なんだけど、もったいないっちゅう理由で（汗）まだ残し中。いいんやか。。）

4）投稿関連

重要な投稿をページの「トップに固定」したり、「ハイライト表示」させたり、ブランドにとっての大事な瞬間を過去にさかのぼって「大事なできごと」として登録できます。

トップに固定した記事は最大7日間、Facebookページの上部に表示されます。

そんな仕様変更されると、今まで作ったFBページ全部触んないといけなくなるんだなぁ…と思うとめんどいっすね。

以下のエントリーもどうぞ！

2012/01/13
by admin
0 comments

OGPの設定

Category: facebook, web | Permalink

■OGP（Open Graph Protocol）とは
「このページにこんな情報が書かれている」という情報をmetaタグで表記したもの

例）facebookでいう「いいね！」したときに出てくる表示とか
OGPサンプル画像

■metaタグの種類
「og:title」：そのページのタイトルとか
「og:type」：オブジェクトの型、blogとかmovie
「og:url」：そのページのURL
「og:image」：いいね！とかしたときに表示されるサムネイル画像
「og:site_name」：サイト名
「fb:admins」：アプリのID
他にもオプションのタグあり
詳しくは「http://ogp.me/」

■設定の仕方
下の「Step 2 – Get Open Graph Tags」でコードを作る
https://developers.facebook.com/docs/reference/plugins/like/

■設定したOGPの確認
https://developers.facebook.com/tools/debug

以下のエントリーもどうぞ！

2011/12/21
by admin
0 comments

前回に引き続き、facebookページ作成の際の変更点などをメモ（2011年12月現在）

Category: facebook, web | Permalink

前回に引き続き、facebookページ作成の際の変更点などをメモ。

■facebookページでスクロール非表示に使う「FB.Canvas.setAutoResize();」が廃止

今まで使用してきた「FB.Canvas.setAutoResize();」関数が2012年1月1日に廃止されるようです。
代わりに「FB.Canvas.setAutoGrow();」関数を使うようになります。

<body>

<div id="fb-root"></div>
<script type="text/javascript">
(function() {
    var d = document;
    var e = d.createElement("script");
    e.src = d.location.protocol + "//connect.facebook.net/ja_JP/all.js";
    d.getElementById('fb-root').appendChild(e);
}());
window.fbAsyncInit = function() {
    FB.Canvas.setAutoGrow();
}
</script>

変更点ではないですが

■facebookページの管理人に全然つながってない人（例えばクライアント様）を追加する方法

facebookページの管理人の追加は「管理人」ページのとこから追加するわけですが
今まで全くつながってない人だったりすると、メアドを入力しても追加できません。
追加できるようにするには

1）作成したfacebookページを追加したい人のアカウントで「いいね！」してもらう
2）改めて、自分のアカウントで「管理人」ページにて追加したい人のメアドを入力して追加する

※ちなみに追加したい人のアカウントで「いいね！」するために、
非公開のfacebookを一瞬だけ公開しました。
非公開のままでつながってない人を管理人に追加する方法があるなら教えてほしいです。。

■iframe内のページが入ってるサーバーがsakuraの場合は拡張子「.php」に

sakuraサーバーでは、.htmlでページを作ってiframeで表示させようとすると
「Method Not Allowed」となります。
いろいろ見てたらsakuraサーバーは「.html」へのPOSTが禁止されてるらしいです。
ということで、そういうときは拡張子を
「.html」→「.php」にして表示させる。

※sakuraサーバーだけではないと思うので、似たようなことが起こったら拡張子を変更してみる

以下のエントリーもどうぞ！