获取我们在 Firebase 峰会上发布的所有信息,了解 Firebase 可如何帮助您加快应用开发速度并满怀信心地运行应用。了解详情

Convierta a los usuarios de su aplicación web móvil en usuarios de aplicaciones nativas

¿Qué sucede si se tomó la molestia de crear un excelente sitio web móvil además de una hermosa aplicación nativa, pero observa que su tasa de conversión es mejor en la aplicación nativa que en la web? En este caso, convertir a los usuarios de la web móvil para que descarguen su aplicación podría darle un impulso a su negocio. Si bien moverlos de uno a otro puede ser un desafío, Dynamic Links lo hace fácil. Con muy poco código, puede agregar la capacidad de que un usuario haga clic en un enlace en su sitio web móvil y sea llevado a la página correspondiente en su aplicación, ¡incluso si primero tiene que ir a la App Store o Google Play Store para instalarla!

Beneficios clave

  • Convierta a los usuarios de la web móvil en usuarios de aplicaciones nativas mientras hace que la transición sea lo más cómoda posible para ellos.
  • Los usuarios pueden iniciar su aplicación con el mismo contenido que estaban viendo en su sitio.
  • Se necesita muy poca integración.

¡Aquí le mostramos cómo empezar!

Antes de que empieces

Haz que el contenido de tu aplicación sea apto para enlaces profundos

La clave para convertir a los usuarios de la web móvil en usuarios de aplicaciones nativas es asegurarse de que el usuario vea el mismo contenido cuando abre la aplicación que está viendo en la web. Por lo tanto, antes de que pueda comenzar a enviar a sus usuarios web móviles a su aplicación, su aplicación debe poder recibir enlaces profundos al contenido.

Si implementó iOS Universal Links o Android App Links , probablemente ya haya hecho este trabajo. Pero si no, agregue lógica a su aplicación que tome una URL de su sitio web y muestre el contenido correspondiente dentro de su aplicación al usuario.

Configure un nuevo proyecto de Firebase e instale el SDK de Dynamic Links en su aplicación. ( iOS , Android , C++ , Unidad ). La instalación del SDK de Dynamic Links permite que Firebase transmita datos sobre Dynamic Link después de que el usuario instala la aplicación. Sin el SDK, no hay forma de conectar a un usuario posterior a la instalación con un clic previo a la instalación.

Ahora es el momento de configurar los enlaces que moverán a las personas de su sitio web a su aplicación nativa. No se preocupe si sus usuarios aún no tienen instalada la aplicación; Dynamic Links puede encargarse de eso por usted.

En cada página de su sitio web, genere dinámicamente un enlace dinámico . Como ya ha hecho que su contenido sea apto para enlaces profundos, el parámetro de link puede ser simplemente la URL de la página en la que se encuentra.

Así es como se vería un enlace de este tipo:

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

Cuando los usuarios abren este enlace en su dispositivo, si la aplicación especificada por el parámetro apn (en Android) o el parámetro ibi (en iOS) no está instalada, los usuarios son llevados a Play Store o App Store para instalar la aplicación. Luego, se abre la aplicación y se le pasa la URL especificada en el parámetro de link .

Abra el contenido vinculado en su aplicación

A continuación, debe recibir el enlace que se pasó a su aplicación y abrir el contenido vinculado, lo cual es fácil con el SDK de Dynamic Links:

iOS

En iOS, recibe Dynamic Link implementando el método application:continueUserActivity:restorationHandler: En el controlador de restauración, puede obtener Dynamic Link llamando a handleUniversalLink:completion: . Si se pasó un Dynamic Link a su aplicación, puede obtenerlo de la propiedad url de FIRDynamicLink . Por ejemplo:

C objetivo

Nota: Este producto de Firebase no está disponible en objetivos macOS, Mac Catalyst, tvOS o watchOS.
[[FIRDynamicLinks dynamicLinks]
    handleUniversalLink:userActivity.webpageURL
             completion:^(FIRDynamicLink * _Nullable dynamicLink,
                          NSError * _Nullable error) {
      NSString *link = dynamicLink.url;
    }];

Rápido

Nota: Este producto de Firebase no está disponible en objetivos macOS, Mac Catalyst, tvOS o watchOS.
FIRDynamicLinks.dynamicLinks()?.handleUniversalLink(userActivity.webpageURL!) { (dynamiclink, error) in
    let link = dynamiclink.url
}

Además, debe llamar a dynamicLinkFromCustomSchemeURL: en el método application:openURL:options: para recibir Dynamic Links pasados ​​a su aplicación como URL de esquema personalizado. Por ejemplo:

C objetivo

Nota: Este producto de Firebase no está disponible en objetivos macOS, Mac Catalyst, tvOS o watchOS.
FIRDynamicLink *dynamicLink = [[FIRDynamicLinks dynamicLinks] dynamicLinkFromCustomSchemeURL:url];
if (dynamicLink) {
  NSString *link = dynamicLink.url;
  // ...
  return YES;
}

Rápido

Nota: Este producto de Firebase no está disponible en objetivos macOS, Mac Catalyst, tvOS o watchOS.
let dynamicLink = FIRDynamicLinks.dynamicLinks()?.dynamicLinkFromCustomSchemeURL(url)
if let dynamicLink = dynamicLink {
  let link = dynamiclink.url
  // ...
  return true
}

Ahora que tiene el valor del parámetro de link , muestre el contenido vinculado a su usuario.

Androide

En Android, utiliza el método getDynamicLink() para obtener datos de 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
                // ...
            }
        }

Ahora que tiene el valor del parámetro de link , muestre el contenido vinculado a su usuario.