Konwertuj mobilnych użytkowników internetu na natywnych użytkowników aplikacji

Co zrobić, jeśli zadałeś sobie trud zbudowania świetnej witryny mobilnej oprócz pięknej aplikacji natywnej, ale zauważ, że współczynnik konwersji jest lepszy w aplikacji natywnej niż w sieci. W takim przypadku nakłonienie użytkowników internetu mobilnego do pobrania Twojej aplikacji może przyspieszyć rozwój Twojej firmy. Chociaż przenoszenie ich z jednego do drugiego może być trudne, Dynamic Links to ułatwia. Przy bardzo małej ilości kodu możesz dodać możliwość kliknięcia przez użytkownika linku w Twojej mobilnej sieci WWW i przejścia do odpowiedniej strony w Twojej aplikacji, nawet jeśli najpierw musi przejść do App Store lub Google Play Store, aby ją zainstalować!

Kluczowe korzyści

  • Przekształć użytkowników internetu mobilnego w natywnych użytkowników aplikacji, jednocześnie maksymalnie ułatwiając przejście.
  • Użytkownicy mogą uruchamiać Twoją aplikację z tymi samymi treściami, które oglądali w Twojej witrynie.
  • Potrzebna bardzo niewielka integracja.

Oto jak zacząć!

Zanim zaczniesz

Zadbaj o to, by zawartość Twojej aplikacji zawierała precyzyjne linki

Kluczem do konwersji użytkowników internetu mobilnego na użytkowników aplikacji natywnych jest upewnienie się, że użytkownik widzi te same treści, gdy otwiera aplikację, którą widzi w sieci. Dlatego zanim zaczniesz wysyłać użytkowników internetu mobilnego do swojej aplikacji, Twoja aplikacja musi mieć możliwość otrzymywania precyzyjnych linków do treści.

Jeśli masz zaimplementowane linki uniwersalne dla systemu iOS lub linki do aplikacji na Androida , prawdopodobnie już wykonałeś tę pracę. Ale jeśli nie, dodaj logikę do swojej aplikacji, która pobiera adres URL z Twojej witryny i wyświetla użytkownikowi odpowiednią zawartość w Twojej aplikacji.

Skonfiguruj nowy projekt Firebase i zainstaluj pakiet SDK Dynamic Links w swojej aplikacji. ( iOS , Android , C++ , Unity ). Zainstalowanie pakietu SDK Linków dynamicznych umożliwia Firebase przekazywanie danych dotyczących Linku dynamicznego po zainstalowaniu aplikacji przez użytkownika. Bez SDK nie ma możliwości połączenia użytkownika po instalacji za pomocą kliknięcia przed instalacją.

Teraz nadszedł czas na skonfigurowanie linków, które przeniosą użytkowników z Twojej witryny do Twojej natywnej aplikacji. Nie martw się, jeśli Twoi użytkownicy nie mają jeszcze zainstalowanej aplikacji; Dynamic Links może się tym zająć.

Na każdej stronie swojej witryny dynamicznie wygeneruj link dynamiczny . Ponieważ masz już dostęp do precyzyjnych linków do treści, parametr link może być po prostu adresem URL strony, na której się znajduje.

Oto jak taki link może wyglądać:

<a href="https://example.page.link/?link=https://www.example.com/content?item%3D1234&apn=com.example.android&ibi=com.example.ios">Open this page in our app!</a>

Gdy użytkownik otworzy ten link na swoim urządzeniu, jeśli aplikacja określona przez parametr apn (w systemie Android) lub parametr ibi (w systemie iOS) nie jest zainstalowana, użytkownicy są przenoszeni do Sklepu Play lub App Store w celu zainstalowania aplikacji. Następnie aplikacja zostaje otwarta i przekazywany jest do niej adres URL określony w parametrze link .

Otwórz połączoną zawartość w swojej aplikacji

Następnie musisz otrzymać link, który jest przekazywany do Twojej aplikacji i otworzyć połączoną zawartość, co jest łatwe przy użyciu pakietu Dynamic Links SDK:

iOS

W systemie iOS Dynamic Link otrzymujesz implementując metodę application:continueUserActivity:restorationHandler: :. W programie obsługi przywracania można uzyskać łącze dynamiczne, wywołując handleUniversalLink:completion: . Jeśli link dynamiczny został przekazany do Twojej aplikacji, możesz go pobrać z właściwości url FIRDynamicLink . Na przykład:

Cel C

Uwaga: ten produkt Firebase nie jest dostępny w systemach docelowych macOS, Mac Catalyst, tvOS lub watchOS.
[[FIRDynamicLinks dynamicLinks]
    handleUniversalLink:userActivity.webpageURL
             completion:^(FIRDynamicLink * _Nullable dynamicLink,
                          NSError * _Nullable error) {
      NSString *link = dynamicLink.url;
    }];

Szybki

Uwaga: ten produkt Firebase nie jest dostępny w systemach docelowych macOS, Mac Catalyst, tvOS lub watchOS.
FIRDynamicLinks.dynamicLinks()?.handleUniversalLink(userActivity.webpageURL!) { (dynamiclink, error) in
    let link = dynamiclink.url
}

Dodatkowo musisz wywołać dynamicLinkFromCustomSchemeURL: w metodzie application:openURL:options: :openURL:options:, aby otrzymać dynamiczne linki przekazywane do Twojej aplikacji jako niestandardowe adresy URL schematu. Na przykład:

Cel C

Uwaga: ten produkt Firebase nie jest dostępny w systemach docelowych macOS, Mac Catalyst, tvOS lub watchOS.
FIRDynamicLink *dynamicLink = [[FIRDynamicLinks dynamicLinks] dynamicLinkFromCustomSchemeURL:url];
if (dynamicLink) {
  NSString *link = dynamicLink.url;
  // ...
  return YES;
}

Szybki

Uwaga: ten produkt Firebase nie jest dostępny w systemach docelowych macOS, Mac Catalyst, tvOS lub watchOS.
let dynamicLink = FIRDynamicLinks.dynamicLinks()?.dynamicLinkFromCustomSchemeURL(url)
if let dynamicLink = dynamicLink {
  let link = dynamiclink.url
  // ...
  return true
}

Teraz, gdy masz już wartość parametru link , wyświetl użytkownikowi linkowaną treść.

Android

W systemie Android do pobierania danych z łącza dynamicznego służy metoda getDynamicLink() :

Java

FirebaseDynamicLinks.getInstance()
        .getDynamicLink(getIntent())
        .addOnCompleteListener(new OnCompleteListener<PendingDynamicLinkData>() {
            @Override
            public void onComplete(@NonNull Task<PendingDynamicLinkData> task) {
                if (!task.isSuccessful()) {
                    // Handle error
                    // ...
                }

                FirebaseAppInvite invite = FirebaseAppInvite.getInvitation(task.getResult());
                if (invite != null) {
                    // Handle invite
                    // ...
                }
            }
        });

Kotlin+KTX

Firebase.dynamicLinks
        .getDynamicLink(intent)
        .addOnCompleteListener { task ->
            if (!task.isSuccessful) {
                // Handle error
                // ...
            }

            val invite = FirebaseAppInvite.getInvitation(task.result)
            if (invite != null) {
                // Handle invite
                // ...
            }
        }

Teraz, gdy masz już wartość parametru link , wyświetl użytkownikowi linkowaną treść.