web-dev-qa-db-ja.com

モバイルブラウザのFacebookアプリ/ファンページタブにアクセスできません

「 https://apps.facebook.com/APP_NAME/ "」のようなリンクをたどって、デスクトップブラウザからアクセスできるアプリを作成しました。

私がFacebookをAndroid mobile on google chrome browser through https://m.facebook.com、同じアプリにアクセスできません。

ここで私の懸念は、モバイルブラウザでFacebookアプリにアクセスすることは可能ですか？モバイルブラウザでFacebookファンページのカスタムタブにアクセスできますか？

要するに、モバイルブラウザでFacebookアプリのページにアクセスしたいのですが、アクセスできません。

前もって感謝します！

androidfacebookfacebook-appsfacebook-pagemobile-browser
9
Chirag Shah

ページタブアプリはモバイルデバイスではサポートされていません Facebookのプラットフォームによる

私が通常提案する回避策は

  • ユーザーをモバイルWebサイトに直接リンクする
  • モバイルブラウザを使用している場合は、モバイルサイトに「タブ」コンテンツを直接表示します（検出にはWURFLなどを使用します）。
  • デスクトップブラウザをFacebookページタブに直接リダイレクトします
12
Igy

https://m.facebook.comを介してモバイルデバイスで閲覧している場合、「Facebookのアプリ」とも呼ばれるCanvasアプリやページタブにアクセスできません。

これを解決するには、既存のアプリにプラットフォームを追加します。この場合のシナリオを想像してみてください。このシナリオでは、ページタブとFacebookのアプリ（Canvasアプリ）。新しいプラットフォームを追加しますウェブサイトこれを行うには、既存のアプリに移動してから設定に移動すると、ページの下部に+プラットフォームの追加]というボタンがあります。、その後、ポップアップが表示されます：

facebook mobile app

私のアプリにすでにライトグレーのプラットフォームが2つあることに気付いた場合は、前に述べたように、新しいプラットフォームを追加しますWebsite。

ウェブサイトプラットフォームを選択すると、アプリの設定に2つの新しいフィールドが表示されます。次の図は、アプリのすべてのプラットフォームで可能なセットアップです。

facebook mobile app step 2

この例では、各プラットフォームを独自のURLとして決定しました。各プラットフォームは異なる動作であるため、たとえばページタブでは、ユーザーが権限を要求せずにページを気に入っているかどうかを確認できます。キャンバスページでは、最初に権限を確認する必要があります。ユーザーがページやモバイルWebサイトを気に入った場合は、ユーザーがFacebookにログインしているかどうか、およびユーザーがアプリに既にアクセス許可を付与しているかどうかを確認する必要があります。これらはすべて同じアプリであるため、このプラットフォームの1つで許可を与えると、3つすべてにアクセスできるようになります。

デスクトップ上のページタブアプリにアクセスし、それにアクセス許可を付与するとします。モバイルデバイスを使用して、https://m.facebook.comからログインしてみてください。作成したアプリは、ブックマークとしてAPPSメニューで利用できます。モバイルデバイスでFacebook検索を使用すると、アプリも利用できるようになります。この次の写真はアプリメニュー：

facebook mobile app step 3

注：この写真にはアプリが表示されていません。説明のためにインストールされていません

また、[ページ]タブでアプリを発表するときに、1つのことを行います。デスクトップブラウザとモバイルブラウザで投稿が表示されるため、ブラウザに基づいてユーザーをリダイレクトするゲートも作成します。私は次のような投稿を作成します：

ねえ、あなたはクールになりたいですか？次に、この素​​晴らしいアプリをチェックしてくださいhttp://bit.ly/best-app-evah

私はbit.lyを使用していますが、それがより美しいという理由だけで、このbit.lyはユーザーを私のURLにリダイレクトします https://myapp.com/app/gate ここにこのコードがあります：

<?php
// Include and instantiate the class.
require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;

// Any mobile device (phones or tablets).
//redirect the page to your Mobile or Responsive Web design website
if ( $detect->isMobile() ) {
header('Location: http://YOUR_MOBILE_WEBSITE/');
}
//redirect to our canvas page or page tab.
else { 
header('Location: http://www.facebook.com/YOUR_FACEBOOK_PAGE_NAME/app/YOUR_APP_ID_NUMBER/');
}
?>

================================================== =======================注：上記のphpスクリプトの最初に必要な「Mobile_Detect.php」クラスファイルは、-からダウンロードできます。 https://github.com/serbanghita/Mobile-Detect これを機能させるには、サイトにアップロードしてください。そうしないと、機能しません。 ================================================== =======================

ああ、ニサーグ・パテルが言ったように、フェイスブックのブログをチェックしてください 投稿

22
Fabio Antunes