web-dev-qa-db-de.com

Mobile Benutzer können nicht auf die Registerkarte der Facebook-Seite zugreifen

Ich habe ein Problem, das ich nicht sehen kann, um die Lösung zu finanzieren. Ich habe eine Registerkarte auf meiner Facebook-Seite (eine dieser statischen HTML: iFrame-Apps). Es gibt keine Probleme beim Zugriff von einem PC aus. Wenn ich jedoch versuche, von einem mobilen Gerät aus auf die Registerkarte zuzugreifen, wird Folgendes angezeigt: 

"Die von Ihnen angeforderte Seite wurde nicht gefunden . Zurück zur vorherigen Seite"

Gibt es eine Möglichkeit, eine Registerkarte für mobile Geräte zu erstellen oder sie einfach an eine externe Domäne umzuleiten?

Vielen Dank!

22
r553

So erstellen Sie eine mobil zugängliche Facebook Page Tab App

Um eine Page Tab App zu erstellen, die eine mobil zugängliche Version hat (Eine externe Website, auf die direkt zugegriffen wird, nicht über einen Facebook-iFrame). Sie müssen 3 verschiedene "Plattformen" in den App-Entwicklereinstellungen hinzufügen und konfigurieren. Diese sollten wie folgt konfiguriert werden:

Registerkarte "Seite"

Konfigurieren Sie dies wie gewohnt.

  • Name der Seitenregisterkarte : der Name, der auf der Seitenregisterkarte angezeigt werden soll
  • URL der Registerkarte "Seite" : die URL, unter der Sie die App für die Registerkarte "Seite" hosten (z. B. http://myapp.com/page-tab )
  • Secure Page Tab Url : dasselbe aber mit https vor (zB https : //myapp.com/page-tab )

Webseite

Hier konfigurieren Sie die URL für Ihre mobile Site

  • URL der mobilen Site : Dies ist die URL, zu der mobile Benutzer umgeleitet werden sollen (z. B. http://myapp.com/mobile-version )
  • Site-URL : Wird für Facebook Connect verwendet. Wenn Sie Facebook Connect nicht verwenden, geben Sie einfach Ihre mobile URL hier ein auch.

App auf Facebook

Dies wird das Tor zu Ihrer App sein. Mobile Benutzer , die auf dieser Seite ankommen, werden auf die mobile Website umgeleitet. Sie können Javascript verwenden, um Desktop-Benutzer zu Ihrer Facebook Page Tab App umzuleiten. .

  • Canvas App Page : Dies wird http://apps.facebook.com/my-app- Namespace , dies ist der Link, den Sie auf Ihrer Facebook-Pinnwand oder in Ihren Anzeigen veröffentlichen oder an einer anderen Stelle, die Sie mit Ihrem Seiten-Tab verknüpfen möchten
  • Canvas-URL : Dies ist ein Link zu einer Seite in Ihrer App, die als Iframe auf der Canvas-App-Seite eingebettet wird . Sie werden diese Seite verwenden, um mithilfe von JavaScript zu Ihrem Seiten-Tab weiterzuleiten. z.B. http://myapp.com/canvas-redirect
  • Secure Canvas Url : Dies ist das gleiche wie oben, jedoch mit vorangestelltem https (zB " https://myapp.com/canvas-redirect ")

Ihr Canvas-Redirect-Skript

Sie möchten, dass Personen, die über einen Desktop-Browser auf Ihre Canvas-App zugreifen, zu Ihrer App für Seitentabellen umgeleitet werden. Da es innerhalb eines i-Frames geladen wird, können Sie dazu nur JavaScript verwenden.

Dies ist der Inhalt Ihrer Canvas-URL ( http://myapp.com/canvas-redirect oben):

<script>top.location="http://facebook.com/page_tab_url/app_1234"</script>

Beachten Sie die "top.location" - dies wird das übergeordnete Fenster umleiten, nicht nur den Iframe auf die Seite Registerkarte. Wenn ein Benutzer in einem Desktop-Browser auf die Canvas-Seite gelangt, wird er über JavaScript zu Ihrer Page Tab App umgeleitet. Mobile Nutzer werden von Facebook an die von Ihnen angegebene Mobile Site-URL weitergeleitet über.

Testen im Sandbox-Modus

Wenn sich Ihre App im Sandbox-Modus befindet, können sie nur Administratoren, Entwickler oder Tester der App sehen. Insbesondere Benutzer, die nicht bei Facebook angemeldet sind oder die bei Facebook angemeldet sind, aber keine Administratoren oder Tester der App sind, können nicht auf die App-Canvas-Seite zugreifen. Ihnen wird lediglich ein 404-Fehler angezeigt. Um Ihre mobile Umleitung zu testen, während sich die App im Sandbox-Modus befindet, müssen Sie sicherstellen, dass Sie Administrator, Entwickler oder Tester der App sind UND auf der mobilen Website von Facebook angemeldet sind Der Webbrowser Ihres Telefons - dh Safari unter iOS und Chrome unter Android. Es ist nicht ausreichend , in der Facebook Mobile App auf Ihrem Telefon angemeldet zu sein. Sie müssen auch über den Browser angemeldet sein.

Ein Hinweis zu Benutzerrollen

Sie können die App-Benutzerrollen konfigurieren, indem Sie in den App-Einstellungen auf die Registerkarte "Rollen" klicken. Sie können einen Facebook-Benutzer oder eine Facebook-Gruppe als eine der Rollen hinzufügen. (Wenn Sie eine Gruppe hinzufügen, haben alle Benutzer in dieser Gruppe die in der App angegebene Rolle.) Damit ein Benutzer eine bestimmte Rolle in einer App spielen kann, muss er:

(Bearbeitet, um die aktualisierte Benutzeroberfläche und Lesbarkeit der Dev-Einstellungen widerzuspiegeln)

58
Ben

Als Update dazu leitet Facebook jetzt automatisch auf Ihre Website um, ohne dass es zu Hacks kommt.

Stellen Sie dazu sicher, dass Sie Ihrer App eine Website-Plattform hinzugefügt haben und geben Sie Ihre mobile URL dort ein.

3
Andrew Mallonee

Es fiel mir schwer, herauszufinden, wie ich mit Mobile auf die Seitenregisterkarten zugreifen kann. Dank Ben in einem vorherigen Kommentar habe ich einen Weg gefunden. Zunächst können Sie mit Ihrem Mobiltelefon nicht auf die Seitenregisterkarten zugreifen. Daher müssen Sie darauf verweisen, woher die Seitenregisterkarte den Quellcode bezieht. Facebook kann dies für Sie tun, wenn Sie Canvas verwenden, aber wenn Sie mit einem Desktop-Computer darauf zugreifen, werden Sie zu Ihrem Canvas-Link und nicht zu Ihrem Seitenreiter weitergeleitet. So beheben wir es:

-

1) Gehen Sie in Ihre App (Facebook-Entwickler) unter Einstellungen - Grundeinstellungen

2) Kopieren Sie Ihre URL für das Page-Tab aus dem Abschnitt Page-Tab (z. B. http://yourpagetab.ihredomain.com ) und fügen Sie sie in Ihre Mobile-Site-URL ein. in den Abschnitt Mobile Web.

3) Machen Sie dasselbe mit dem Abschnitt App auf Facebook, aber anstatt ihn auf den Seitenreiter zu zeigen, müssen Sie eine Umleitungsdatei verwenden. Verwenden Sie http://IhrPagetab.IhreDomain.com/Redirection.php?fb

Beachten Sie, dass Sie am Ende Ihres Links? Fb verwenden müssen. Es tut nichts, aber Facebook will es. Eigentlich könnte es "alles und wahrscheinlich nur" sein.

4) Erstellen Sie die Datei redirection.php (fügen Sie nicht das? Fb hinzu) und fügen Sie diesen Code hinzu

<script>top.location="http://facebook.com/your_fb_page/your_page_tab"</script>

Sie müssen dann/your_fb_page/your_page_tab durch den Link zu Ihrem Seitenreiter ersetzen.

5) Speichern Sie es!

-

Jetzt müssen Sie nur noch die URL von Canvas Page verwenden, die Ihnen von Facebook bereitgestellt wird (unter App auf Facebook). Wenn Benutzer darauf klicken und sich auf dem Desktop befinden, werden sie auf die Seitenregisterkarte umgeleitet. Wenn sie mobil sind, werden sie zu Ihrer Website weitergeleitet, auf der sich der Seitenreiter befindet.

Wenn Sie Fan Gate verwenden (Benutzer müssen Ihre Seite vor dem Zugriff auf den Seitenreiter mögen): Dies funktioniert nicht, da der mobile Benutzer an Ihrem Fan Gate hängen bleibt.

Die einzige Möglichkeit, dies zu erreichen, besteht darin, das Lüftertor zu deaktivieren oder Mobile Detect zu verwenden (Sie können es auf Github suchen) und es nur für Benutzer zu deaktivieren, die sich auf dem Handy befinden. Es ist ein kleiner Preis, den Sie zahlen müssen, wenn Ihre Seite mit mobilen Benutzern zusammenarbeiten soll. Desktop-Benutzer müssen Ihre Seite trotzdem mögen, um Ihre Seitenregisterkarte anzuzeigen.

1
Jason Lemay

sie können auch einen solchen Link verwenden, um die Weiterleitung von Facebook-Handys zu stoppen

https://www.facebook.com/MyAppName/?sk=app_11111-APP-ID-11111&ref=ts

0
Alex Halo

Hier ist der PHP-Code, den ich für die Weiterleitung verwende:

// Mobile_Detect
require 'Mobile_Detect.php';

$detect = new Mobile_Detect;

if (strpos('https://' . $_SERVER['HTTP_REFERER'] . $_SERVER['REQUEST_URI'], 'facebook.com') !== false && $detect->isMobile()) {
    echo '<html><head><script type="text/javascript">window.top.location.href = "https://yourappurl.com";</script></head><body></body></html>';
    die();
}
0
ghuroo

Ich bin einer der Entwickler von statischem HTML. Wir haben jetzt eine Funktion in die App integriert, die intelligente, verkürzte Links für mobile Geräte und Desktops generiert. Wenn Sie auf das "+" - Symbol oben im Editor klicken, wird ein gemeinsam benutzbarer Link angezeigt.

Wenn Sie diesen Link verwenden, tun wir etwas mehr Magie, damit Ihre Registerkarten besser auf kleinen Bildschirmen passen.

Edit: Wir haben die spezielle Formatierung verworfen, da sie auf iOS-Geräten störend war.

0
jpadvo