Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

Convertir les utilisateurs Web mobiles en utilisateurs d'applications natives

Que se passe-t-il si vous vous êtes donné la peine de créer un excellent site Web mobile en plus d'une belle application native, mais remarquez que votre taux de conversion est meilleur dans l'application native que sur le Web. Dans ce cas, convertir les utilisateurs Web mobiles pour télécharger votre application peut donner un coup de pouce à votre entreprise. Bien que les déplacer de l'un à l'autre puisse être difficile, Dynamic Links le rend facile. Avec très peu de code, vous pouvez ajouter la possibilité pour un utilisateur de cliquer sur un lien sur votre site Web mobile et d'être redirigé vers la page correspondante de votre application, même s'il doit d'abord se rendre sur l'App Store ou Google Play Store pour l'installer !

Avantages clés

  • Transformez les utilisateurs Web mobiles en utilisateurs d'applications natives tout en rendant la transition aussi confortable que possible pour eux.
  • Les utilisateurs peuvent démarrer votre application avec le même contenu qu'ils consultaient sur votre site.
  • Très peu d'intégration nécessaire.

Voici comment commencer !

Avant que tu commences

Rendez le contenu de votre application associable en profondeur

La clé pour convertir les utilisateurs Web mobiles en utilisateurs d'applications natives est de s'assurer que l'utilisateur voit le même contenu lorsqu'il ouvre l'application qu'il voit sur le Web. Ainsi, avant de pouvoir commencer à envoyer vos utilisateurs Web mobiles vers votre application, votre application doit être en mesure de recevoir des liens profonds vers du contenu.

Si vous avez mis en place iOS Liens Universal ou Android App Liens , vous avez probablement déjà fait ce travail. Mais sinon, ajoutez une logique à votre application qui prend une URL de votre site Web et affiche le contenu correspondant dans votre application à l'utilisateur.

Configurez un nouveau projet Firebase et installez le SDK Dynamic Links dans votre application. ( IOS , les applications , C ++ , Unity ). L'installation du SDK Dynamic Links permet à Firebase de transmettre des données sur Dynamic Link une fois que l'utilisateur a installé l'application. Sans le SDK, il n'y a aucun moyen de connecter un utilisateur post-installation avec un clic de pré-installation.

Il est maintenant temps de configurer les liens qui déplaceront les personnes de votre site Web vers votre application native. Ne vous inquiétez pas si vos utilisateurs n'ont pas encore installé l'application ; Dynamic Links peut s'en charger pour vous.

Sur chaque page de votre site web, générer dynamiquement un Dynamic Link . Puisque vous avez déjà fait votre contenu profond liable, le link paramètre peut être simplement l'URL de la page , il est sur.

Voici à quoi pourrait ressembler un tel lien :

<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>

Lorsque les utilisateurs ouvrent ce lien sur leur appareil, si l'application spécifiée par le apn paramètre (sur Android) ou le ibi paramètre (sur iOS) n'est pas installé, les utilisateurs sont prises pour le Play Store ou App Store pour installer l'application. Ensuite, l'application ouvre, et l'URL spécifiée dans le link paramètre est transmis.

Ouvrez le contenu lié dans votre application

Ensuite, vous devez recevoir le lien transmis à votre application et ouvrir le contenu lié, ce qui est facile à l'aide du SDK Dynamic Links :

iOS

Sur iOS, vous recevez le Dynamic Link en mettant en œuvre l' application:continueUserActivity:restorationHandler: méthode. Dans le gestionnaire de restauration, vous pouvez obtenir le Dynamic Link en appelant handleUniversalLink:completion: . Si un Dynamic Link a été transmis à votre application, vous pouvez l' obtenir à partir de l' url propriété du FIRDynamicLink . Par exemple:

Objectif c

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

Rapide

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

De plus, vous devez appeler dynamicLinkFromCustomSchemeURL: dans l' application:openURL:options: méthode pour recevoir dynamique Liens passés à votre application comme URL de régime personnalisé. Par exemple:

Objectif c

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

Rapide

let dynamicLink = FIRDynamicLinks.dynamicLinks()?.dynamicLinkFromCustomSchemeURL(url)
if let dynamicLink = dynamicLink {
  let link = dynamiclink.url
  // ...
  return true
}

Maintenant que vous avez la valeur du link paramètre, afficher le contenu lié à votre utilisateur.

Android

Sur Android, vous utilisez le getDynamicLink() méthode pour obtenir des données à partir du Dynamic Link:

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
                // ...
            }
        }

Maintenant que vous avez la valeur du link paramètre, afficher le contenu lié à votre utilisateur.