Przekształć użytkowników mobilnej aplikacji internetowej w użytkowników aplikacji natywnych

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

Kluczowe korzyści

• Zmień mobilnych użytkowników internetu w natywnych użytkowników aplikacji, zapewniając jednocześnie jak najwygodniejszy dla nich proces przejścia.
• Użytkownicy mogą uruchomić Twoją aplikację z tymi samymi treściami, które przeglądali w Twojej witrynie.
• Potrzebna bardzo mała integracja.

Oto jak zacząć!

Zanim zaczniesz

Zadbaj o to, by zawartość Twojej aplikacji mogła być łączona z precyzyjnymi linkami

Kluczem do przekształcenia mobilnych użytkowników internetu w natywnych użytkowników aplikacji jest upewnienie się, że użytkownik widzi tę samą treść, gdy otwiera aplikację, którą widzi w sieci. Dlatego zanim zaczniesz odsyłać użytkowników internetu mobilnego do swojej aplikacji, musi ona mieć możliwość odbierania precyzyjnych linków do treści.

Jeśli zaimplementowałeś uniwersalne łącza iOS lub łącza aplikacji na Androida , prawdopodobnie już to zrobiłeś. Ale jeśli nie, dodaj logikę do swojej aplikacji, która pobiera adres URL z Twojej witryny i wyświetla użytkownikowi odpowiednią treść w Twojej aplikacji.

Skonfiguruj Firebase i pakiet Dynamic Links SDK

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

Dodaj linki „Otwórz w aplikacji” do swoich stron internetowych

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

Dynamicznie generuj link dynamiczny na każdej stronie swojej witryny internetowej. Ponieważ Twoja treść jest już przystosowana do głębokich linków, parametrem link może być po prostu adres URL strony, na której się ona znajduje.

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

<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żytkownicy otworzą ten link na swoim urządzeniu, a aplikacja określona przez parametr apn (w systemie Android) lub parametr ibi (w systemie iOS) nie zostanie zainstalowana, użytkownicy zostaną przeniesieni do Sklepu Play lub App Store w celu zainstalowania aplikacji. Następnie aplikacja zostanie otwarta i zostanie do niej przekazany adres URL określony w parametrze link .

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

Następnie musisz otrzymać link przekazany do Twojej aplikacji i otworzyć połączoną zawartość, co jest łatwe dzięki pakietowi Dynamic Links SDK:

iOS

W systemie iOS łącze dynamiczne można uzyskać, implementując metodę application:continueUserActivity:restorationHandler: :. W procedurze 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 elementu FIRDynamicLink . Na przykład:

[[FIRDynamicLinks dynamicLinks]
    handleUniversalLink:userActivity.webpageURL
             completion:^(FIRDynamicLink * _Nullable dynamicLink,
                          NSError * _Nullable error) {
      NSString *link = dynamicLink.url;
    }];

FIRDynamicLinks.dynamicLinks()?.handleUniversalLink(userActivity.webpageURL!) { (dynamiclink, error) in
    let link = dynamiclink.url
}

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

FIRDynamicLink *dynamicLink = [[FIRDynamicLinks dynamicLinks] dynamicLinkFromCustomSchemeURL:url];
if (dynamicLink) {
  NSString *link = dynamicLink.url;
  // ...
  return YES;
}

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 połączoną zawartość.

Android

W systemie Android używasz metody getDynamicLink() do pobierania danych z łącza dynamicznego:

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

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

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
                    // ...
                }
            }
        });
MainActivity.java

Teraz, gdy masz już wartość parametru link , wyświetl użytkownikowi połączoną zawartość.