Webアプリを作成するのに欠かせない「Facebookでログイン」ボタンですが、最近のサイトはどこでも設置されていますよね。設置にはFacebookの開発キットをダウンロードし、利用することで簡単に作成することができます。
「Webサイトからお問い合わせが来ない…」とお悩みの方必見！
当サイトのノウハウを詰め込んだ『Web集客の無料ガイド』をご提供
手順はFacebookのDeveloperページでAPP登録を行ったあとに、以下のコードを埋め込むだけです。
require_once("php-sdk/facebook.php");
$config = array(
'appId' => 'YOUR_APP_ID',
'secret' => 'YOUR_APP_Secret'
);
$facebook = new Facebook($config);
$loginUrl = $facebook->getLoginUrl();
このコードで、Facebookログイン用のURLが取得できます。
しかし、FacebookのAPP設定でミスしていたようで、スマートフォンからのアクセスのみエラーが出力されてしまいます。
エラーは以下のとおりです。
API Error Code: 191
API Error Description: The specified URL is not owned by the application
Error Message: Invalid redirect_uri: 指定されたURLは、アプリケーションの設定で許可されていません。
リダイレクトのURLが許可されていないとのことです。
まずはFacebook developerページのAPP設定より、サイトURL、キャンパスページを確認します。Facebookの認証を許可するページを指定します。
次に「基本データ」のApp Domainsが空白だったので、ドメイン名を入力しました。
ここの入力が無かったために、PCサイトでは認証できるが、スマホサイトは認証できないという奇妙な動作になっていたようです・・・
