IT database for myself
Facebook は SNS（ソーシャルネットワークサービス） としてかなり根付いてきた感もありますね。 利用者数は先行する和製SNSの mixi には未だ届かないようですが、 メディア等に取り上げられることで知名度は IT 関係者ならぬ、 一般の方にも少し浸透してきているかも知れません。
浸透しているとは言っても まだまだ主なる利用者は IT関係者やビジネス利用を鑑みた方が多いようで、 画面全体も少々味気ないように個人的には感じています。 そんな画面をほんのちょっと変えてくれそうな情報がありました。 WEB総合情報を発信するサイト arisa.biz の2011年5月2日の記事の 【裏技】facebookで絵文字を使う方法 です。 Facebook の画面を絵文字が彩ってくれるとは、 なかなか面白そうですので早速試してみました。
上記紹介リンク先の案内に従い、 上の如く記述してメッセージを書いて返信ボタンをクリックすると…
使う方も増えてきた Facebook では利用者皆さんに互いに仲良くして欲しいものですから、 うかうかしていると矢鱈と届く何某かの紹介メールで メールボックスが一杯になってしまいます。 こんなことまでお知らせしてくれなくていいよ！ なんて思っていても Facebook はお節介焼きですからちゃんと断らなきゃいけません。 そんな中、新機能の更新の頻繁な Facebook からお知らせメールについてのお知らせが届きました。 Facebookからお届けするメールの量が減ります - 理由をご覧ください という件名で、中身は
こんにちはというものです。 いえいえ、お節介焼きさんにじゃんじゃんダイジェストメールを送りつけられたらちょっとたまりません。 そこで設定を元の戻すことにしました。 それには…
Facebookからお送りしている、お知らせメールの量を減らすために、新たな試みを試験的に実施いたします。 本日より、個々のお知らせメールの多くを配信停止とし、代わりに、人気がある記事のダイジェストメールをお届けします。
いつでも 個々のメールを再開 して、元の設定に戻すことができます。
Facebook （フェースブック） の提供する機能 Facebook Comments については本ブログでも今年2011年3月より5月まで定期的に
理由としては
なお、はまぞう（HamaZo）ブログに関してのみになりますが、 上記一連の関連記事の内最後、5月31日では最適化とした埋め込みコードとして
此処に謹んでお詫び、訂正させていただきます。
ホームページやブログなどでITに慣れてきた事業者が
更なる活用を求めた時に2011年の前半の今、目に付きやすいのが
Facebook（フェースブック）
でしょう。
確かにその威力の大きさは例えばタレントでは
レディーガガ
、企業では
スターバックスコーヒー
の存在があり、日本に於いても
ユニクロ
や最近では
無印良品
などの企業名がしばしば上げられます。
これら成功例を見るだけで大きな可能性があることは確かです。
しかし同時にこれらの成功例を見たとき、
それに比して自社が成功を収められるかはよくよく思案が必要だと思います。
ユニクロはホームページ上でもしばしばユニークな話題を提供していますし、
無印良品もスマートフォン用のアプリ（
一例
）などで定評があり、
決してソーシャルメディアだけに留まる広報販促活動ではありません。
そして成功者の Facebook 自体の研究に関しても並大抵ではないものと思われます。
SEO（検索エンジン最適化）についての見識には定評のある…
Twitter でもそうでしたが
フォロワー
などと言うものが数値として示されると、
その数を増やして自分の影響力の誇示として自慢したいと思うのは
人情としてわからないでもありません。
ところが2011年は先月末の5月26日の
Facebook（フェースブック）
関連の情報に
ほいほいとFacebookのフレンド申請に応じているとアカウントをのっとられてしまうかもしれない
と言う様な記事がありました。
アカウントをのっとられる
とは穏やかではありません。
Facebook の認証システムに於いては、 自分のアカウントにログイン出来ない時に 三人の友達の助けを借りれば再びログイン出来る様になっているのです。 では
本記事のタイトルの 知らない友達 とは何とも不可思議な言葉、 違和感たっぷり、通常なら考えられない言葉です（笑） これも Facebook と言う 新時代のインターネットサービスの覇者の作り出した時代の鬼っ子でしょう。 そして違和感は矢張り違和感、 其処には落とし穴が待ち構えている様です。
話題になること著しいSNSサービス Facebook （フェースブック） が鳴り物入りで提供し始めた機能が Facebook Comments です。 本ブログに於いても
3月8日の記事で設置方法を紹介し、 4月7日の記事でその設置コードを記述していますが、 其の中ではまぞう（HamaZo）ブログシステムのテンプレートから独自に読み取った為に、 一箇所、相応しくない部分があります。 それが
実ははまぞう（HamaZo）ブログシステムでは
通常のホームページを記述するHTML以外に独自の記述法が用意されています。
その説明のヘルプも用意されており、それが
置換タグについて
と言う頁になります。
相応しくないとしました記述はヘルプ頁では 記事 ID とされています。 これは Facebook にブログ全体についてではなく、 個別記事についての情報を渡したい為の処理です。 しかしこれは記事の判別記号であり、記事そのもののURLではありません。 このことを鑑みてヘルプ頁を見てみれば確り 記事ID.htmlを表示する なる記述が用意されており、その名前も <%EntryPermalink> と固定されたリンクを生ぜしめる個別記事に相応しいものになっています。 またこれのヘルプ頁に表示されるずっと上の方、 上から三番目の欄にはこの記述をされているブログ自身のURLに置き換えられる <%BlogUrl%> も用意されています。 実際にこのブログ記事内で生のHTMLとして <%EntryPermalink> と書いたものがどう置き換えられるか表示してみたものが以下になります。
従ってこれ等を採用した Facebook Comments機能埋め込みコードは以下になります。
効果は全く変わるものではありませんが、 立ってる者は親でも使えというか、 存在する記述は意地でも使えというか、 気分的に少しすっきりするかもしれません。 またHamaZoブロガーさんが実際に利用される際には、 ブログURLを変更することなくコピー＆ペーストするだけで一手間減らせますので、 此方を紹介した方が便利でしたね。
※ 現在では HamaZoランクチェック！Blog は本ブログ（ Acenumber Technical Issues ）に統一しました。
はまぞう（HamaZo）ブログのテンプレートには
従来はCSSファイルでは以下の設定を適用していました。 赤字の幅設定が問題になっている部分です。
今回三種類のテンプレートに於いて幅サイズは二種類です。 従ってスクロールバーを発生せしめる #fbcom を 二種類に分割し、他方を #fbcom2 としました。 前者はトップページに、後者は他二テンプレートに適用します。 その上で幅設定をそれぞれに設定します。 そのCSSファイルに於ける記述が以下になります。
これら設定変更に拠って、 どうやら見苦しいスクロールバーの表示は避けられることになりました。
本ブログは2011年3月8日の記事
Facebook Comments機能のブログへの設置方法
に於いて解説した設置法で本ブログに実装し
2011年3月24日の記事
Facebook Comments機能部分のデザイン修正法
で少々見映えを弄った
Facebook Comments機能
ですが、よく見れば流石アメリカ産まれのWebサービスだけあって、
当該表示部分は下の図の
BEFORE
の様に英語になっています。
郷に入れば郷に従えと言います。
此処は日本にて、今回これを図の下の
AFTER
の様に直してみました。
図ではモザイクが掛かっていますが、
英語表記されていた投稿者名も確り漢字表記に直っています。
この修正はとても簡単です。 24日の記事 Facebook Comments機能部分のデザイン修正法 で紹介した HTML 部分をほんの五文字ほど修正するだけです。 facebook から提供され上記の記事に於いて紹介した付加コードは
※ 現在では HamaZoランクチェック！Blog は本ブログ（ Acenumber Technical Issues ）に統一しました。
本ブログは2011年3月08日の記事
Facebook Comments機能のブログへの設置方法
に於いて解説した設置法で本ブログに実装した
Facebook Comments機能
ですが、どうもデザイン的に見映えが上手くありません。
3カラムで構成されている本ブログの基本レイアウトの、
真ん中部分に繰り返し当該機能は表示される訳ですが、
上記の図に示されるように此処に表示するご本尊たるブログ記事とは
左にずれて表示されてしまっている処がちょっと気に入らないのです。
そこでこれを直してみたいと思います。
この手の修正は HTML と CSS と言うHamaZoブログでは テンプレート > カスタマイズ に用意される設計図を修正しなければなりませんので、 多少初心者ブロガーには敷居が高くなります。
先ずは HTML を修正します。 上記の記事に於いて設置した facebook から提供される付加コードは
さて、上記に HTML を設定した上で CSS に書き加えたものが以下です。
まずまず、ずれは修正されたのでこれで好しとします。
加えて facebook Commnts機能部分には背景色を facebook から提供されるモジュールに合わせましたので、
コメントが無い場合に感じられる無駄な余白感も軽減された様に思います。
HamaZoブログではテンプレート要素として
※ 現在では HamaZoランクチェック！Blog は本ブログ（ Acenumber Technical Issues ）に統一しました。
本ブログの2010年11月13日にご紹介した facebookいいね！ボタンの設置法はまぞう版 も、2010年11月18日の記事 twitterで気軽にはまぞうブログを見た人にフォローして貰う方法 の tweet ボタンと同様にはまぞうブログシステムに正式に ブログ環境設定 ＞ facebook ＞ いいね！ボタン 機能が追加されましたので其の役目を終えた様に思います。
そこで本ブログにも設置した いいね！ボタン も取り外ししようと思うのですが、 ただ外すだけでは能が有りません（笑）。 代わりに新たに機能が強化され使い易くなった Facebook Comments の機能を取り付けてみようと思います。 一たびこれを設置すれば コメントは自分のブログへのものであるにも関わらず、 facebook の自分のウォールに反映され、 コメントの状況を見ることも削除することも facebook から出来ることになります。 facebook を利用される方には便利な機能ですね。
設置するには先ず
Facebook DEVELOPERS > Core Concepts > Social Plugins > Comments
にアクセスします。
英語のページですが臆することはありません。
中ほどにある右図の様な入力画面に必要な情報を入力して
下の Get Code ボタンをクリックするだけです。
するとダイアログが開いてブログに貼り付けるコードが表示されます。
これをブログテンプレートの好きな部分に挿入して下さい。
これで貴方のブログに Facebook に直結するコメント機能が追加される筈です。
ただこの方法ですと本ブログにある様に個別の記事への設置ではなく、 ブログ全体への設置となってしまうのが残念な方もいらっしゃるのではないでしょうか（笑）？ 記事が長くなってしまいましたので、 近日中にHamaZoブログに限り、個別記事への関連付けの設置方法を、 別記事として掲載する予定です、お楽しみに！