ブラヴィッシモのいろいろな記事

基本認証中のサイトでFacebook のいいねボタンを表示する

2015/8/14

こんにちは

開発チームのCFEです。

サイトの構築中などで、基本認証を使用することがありますが、

・Facebookの「いいねボタン」が表示されない！

・HTML上にはFacebookボタンのタグが出力されている

・隣に並べているtweetボタンは表示されているのに。。。

といったことがよくあります。

これは、

Facebookが基本認証を通過できないためなので、以下のような手順で表示をさせました。

【手順１】

Facebookからのアクセスを許可するため、「.htaccess」を以下のように編集します。
※以下の赤文字部分を追記

#基本認証

AuthType Basic

AuthName 「設定した名前」

AuthUserFile 「設定したPATH」.htpasswd

Satisfy Any
Order Allow,Deny

#Facebookからのクローラーを許可 SetEnvIf User-Agent “^facebookplatform.*$” fb_crawler
Allow from env=fb_crawle

Facebookのデバッガーを使い、対象ページのURLを入力します。

▼Facebookデバッガー
https://developers.facebook.com/tools/debug/
※ログインが必須です

以下の赤枠部分に対象ページのURLをドメイン付きで入力します。

最後に補足ですが、Facebookボタンに記載するURLはドメイン付きで指定しないと、
エラーになってしまうので、http（https）付きでの記載が必要です。

※2015年8月現在の情報です