2016-10-14 15 views
8

Szukam rozwiązania dla następujących elementów. W przyszłym tygodniu zamierzamy wysłać pocztę html i mamy obecnie pewne problemy. To jest pierwszy, który próbowaliśmy zrobić w ten sposób, a główną różnicą jest to, że zawiera teraz przyciski, które prowadzą do naszego facebooka.Link do otwartej aplikacji na Facebooku, jeśli istnieje aplikacja, w innym przypadku strona internetowa

Mailer reaguje, dlatego szukamy rozwiązania, które otworzy wersję strony na komputery w przeglądarce, a podczas przeglądania z telefonu komórkowego, sprawdź, czy aplikacja jest zainstalowana i otwórz ją, a jeśli nie, otwórz zamiast tego link w przeglądarce.

Poprzez obszerne wyszukiwanie w Internecie i przepełnienie stosu, zdałem sobie sprawę, że istnieje różnica między tym, jak pozwalają na to Android i iOS. Zobacz poniżej rozwiązań próbowałem dotąd:

.mobile-link { 
 
    display: none; 
 
} 
 

 
@media screen and (max-device-width: 767px) and (orientation: portrait) { 
 
    .desktop-link { 
 
     display: none; 
 
    } 
 
    .mobile-link { 
 
     display: block; 
 
    } 
 
} 
 

 
@media screen and (max-device-width: 1024px) and (orientation: landscape) { 
 
    .desktop-link { 
 
     display: none; 
 
    } 
 
    .mobile-link { 
 
     display: block; 
 
    } 
 
}
<a class='mobile-link' onclick=' 
 
setTimeout(function() { window.location = 'www.facebook.com/profileid'; }, 2500); 
 
window.location = 'fb://facewebmodal/=pagename';'> 
 
    <img src='some.url' /> 
 
</a> 
 
<a class='desktop-link' href='www.facebook.com/profileid'> 
 
    <img src='some.url' /> 
 
</a>

To nie działa na iPhone, chociaż moja poprzednia próba była (I zmienił go, aby pracować dla Androida, który wciąż nie praca). W poprzedniej próbie miałem:

<a class='mobile-link' onclick=' 
    setTimeout(function() { window.location = 'www.facebook.com/profileid'; }, 2500); 
    window.location = 'fb://profile/id';'> 
     <img src='some.url' /> 
    </a> 

Który działał na iOS, ale nie na Androida.

Z tego, co rozumiem na facebooku, wynika, że ​​użytkownicy mogą w ten sposób regularnie zmieniać sposób kierowania na aplikację.

Czy ktoś może zapewnić mi najnowszy sposób kierowania zarówno na iOS, jak i na Androida w linku tego rodzaju?

+0

Czy próbowałeś użyć 'fb: // facewebmodal/f? Href = << >>'? To działa dla mnie na iPhone'a i Androida. Nie zrobi to jednak absolutnie niczego, jeśli użytkownik nie ma aplikacji FB ... więc nie wiem, jak to obejść. – Daevin

+0

przeczytaj ten [Wpis SO] (https://stackoverflow.com/questions/37946195/when-using-facebook-deep-url-to-open-app-both-app-and-webpage-open-together) –

+0

próbowałeś branch.io? To najlepsze rozwiązanie, jakie dotychczas znalazłem, ale nie wiem, czy zaakceptujesz użycie rozwiązania trzeciej części. – Canato

Odpowiedz

1

Oto kilka linków, gdzie można znaleźć odpowiednią odpowiedź:

Najpierw trzeba sprawdzić przeglądarka jest w urządzeniu przenośnym lub w komputerze, a następnie zastosować poniżej kod łącza jak na swoje wymagania. Oto link: przeglądarka wykryć - Detecting a mobile browser

1) http://findnerd.com/list/view/How-to-detect-if-an-app-is-installed-in-IOS-or-ANDROID-with-the-help-of-javascript-and-Deep-Linking/4287/

2) How to check if an app is installed from a web-page on an iPhone?

3) iPhone browser: Checking if iPhone app is installed from browser

Daj mi znać, jeśli trzeba jeszcze coś innego.