05 10月10月1日よりFacebookページの表示にSSLが必須になった件

2011年10月1日よりFacebookページでiFrameを使用している場合、SSLに対応していないとページが見えなくなるという話題で持ちきりだ。

しかし、実際のところ何がどうなっているのか、今ひとつ理解していないユーザーもおおいので、一度情報を整理してお届けする。

SSL接続とは「Secure Sockets Layer」での通信で、要はサーバーと自分との通信が暗号化され、第三者にデータを盗聴されることを防ぐ技術、クレジットカード番号の入力画面やgmailなどで昔から使われているあれだ、具体的にはURLの http:// が https:// になる。

当然Facebookという様々なサイトのゲートウエイとして使用できるサイトに関して、防犯意識の高いユーザーはSSLでの接続の方が安心感も高まるだろう。

さて、そんなFacebookへのSSL接続だが、10月以降も見えなくなったページなんか無いよ、と言う人がおおい、なぜならばFacebookへのログインはデフォルトではSSL接続はオフになっており、SSLでログインするには「アカウント設定」→「セキュリティー」→「セキュア接続」とすすみ「セキュアな接続(https)を利用する(可能な場合)」にチェックを入れてSSLでのログインを有効にする必要があるからである。

10月1日以前からすでにSSLによる接続は可能で、SSLで接続していたひとがSSL未対応のFacebookページを見ようとした場合、「このページはSSLに対応していません、それでも見ますか?」的な警告が表示されていたため、実質的には10月以前からSSLに対応していないページは実質見られていなかったとは思うが、1日からは完全に見られなくなったようだ。

では、自分のページが現在SSLに対応していない場合はどうすれば良いかというと、「ほっとく」か「対応する」かのいずれかの選択となる。

対応する場合は自らSSLを購入するか、サーバーに元からある共有SSLを使うことになる。
購入する場合は、自分のサーバーがSSLに対応しているかどうかをチェック、共有SSLがある場合は、あまり考えずに共有SSLの自分のページのURLをチェックしてアプリの設定画面でURLを追加するだけで可能となる。

具体的な方法は下記をチェック&チェック!


FacebookページのSSL対応ページをロリポップの共有SSLを使って作る


iFrame版 Facebookページ作成方法(最新版 仕様変更対応)

30 8月FacebookページのSSL対応ページをロリポップの共有SSLを使って作る

FacebookページのSSL対応ページをロリポップの共有SSLを使って作る

ロリポップの共有SSLを使ったFacebookページ用ワードプレスの作り方

Facebookを通常のhttp://で見ている分には問題無いが、URLが https:// となっていた場合、Facebookページが表示されない場合はある。

その場合は下記のようなページが表示される。

これはiFrameを使って作成されたFacebookページのiFrame内に表示されているものがSSLに対応していないために起こる現象で、回避するには元のページをSSL対応にするほか無い。

※SSLとは
Secure Socket Layerの略で、米Netscape社が開発したインターネット上で情報を暗号化し、送受信できるプロトコルです。サーバ⇔クライアントPC間でクレジットカード情報などの機密性の高い情報を安全にやり取りできます。

https://www.sslcerts.jp/

通常SSLを使用するにはSSL対応のサーバーにデータを設置する必要がある。
利用しているサーバーによって、SSLの対応は様々だが、ココではロリポップの共有SSLを使ってワードプレスを動かし、FacebookのSSLページに対応できるよう設定してみる。

1.ワードプレスをロリポップにインストール

2.ユーザーページから、自分のアカウントに対応している共有SSLのURLを確認する。

※例)下記のアカウントを借りて普通にワードプレスをインストールしてみた。
「http://ftown.pupu.jp/wp/」

今の状態で、下の共有SSLのURLにaccessすると、画像やCSSが読み込まれていないため、白地に文字だけのページが現れる。

https://pupu-ftown.ssl-lolipop.jp/wp/

3.「小粋空間」さんの下のプラグインをダウンロードしてワードプレスにインストール
WordPressのURLをSSLや相対URLに変更する「wp_replace_domain」プラグイン

※ワードプレスを共有SSL対応にするためには「WordPress HTTPS」と言うプラグインもあるが、「wp_replace_domain」の方が直感的でおすすめです。

あとは画像の「ドメイン設定」画面を開いて赤枠部分を入力して完了。
※http:// や https:// は必要ないので注意

これでワードプレスのSSL対応は完了です。

4.Facebook用Wordpressテンプレートをダウンロードしてテーマ設定。

5.iFrame版 Facebookページ作成方法(最新版 仕様)のページを参考にSSLページをFacebookアプリに登録して完了

以上でSSL対応Facebookページの完成です。