Fonctionnalités de l'application

Liens profonds et bannière d'application intelligente

Mis à jour 10 janvier 2025

Qu’est-ce que la fonctionnalité Deeplinks & Smart App Banner ?

Deep link désigne la création de liens qui dirigent les utilisateurs vers un emplacement précis dans une application, plutôt que simplement vers la page d’accueil de l’application. C’est comme offrir un raccourci qui amène les utilisateurs directement au contenu ou à la fonctionnalité la plus pertinente pour eux.
Imaginez un lien web qui ne vous conduit pas seulement à la page d’accueil, mais vous amène directement à un article ou à une page produit spécifique. Le deep linking fonctionne de façon similaire, mais au sein de l’application.
Pour Android et iOS, cela se réalise grâce respectivement aux Android App Links et aux Universal Links.

Une smart app banner est une bannière de message promotionnel qui apparaît en haut d’une page web mobile lorsqu’un utilisateur visite le site depuis un smartphone ou une tablette. La fonction principale d’une smart app banner est d’inciter les visiteurs de votre site mobile à télécharger votre application.

Feature Highlights 🎯

  1. Liez l’application Android à vos domaines de boutique avec Android App Links.
  2. Liez l’application iOS à vos domaines de boutique avec iOS Universal Links
  3. Bannière d’application intelligente contextuelle capable de détecter l’état d’installation de l’application et d’afficher le message soit pour ouvrir l’application, soit pour l’installer si l’utilisateur navigue sur votre boutique depuis un appareil mobile.

Comment activer 🟢 la fonctionnalité Deeplinks & Smart App Banner ?

Vous pouvez simplement cliquer sur le bouton Enable à côté de la case Deeplinks & Smart App Banner sur la page Features du tableau de bord Shopify de l’application mobile Evlop, puis configurer les Deeplinks et le Smart App Banner séparément pour Android et iOS.

Points clés 🔎

1. Lier votre application Android à vos domaines de boutique avec Android App Links.

Les Android App Links sont un type de lien profond qui permet à une application Android de s’associer de manière unique à un domaine de site web. Pour mettre en œuvre cette fonctionnalité, vous devez activer les Android App Links, puis les vérifier et les configurer avec l’empreinte SHA256 de votre application Android depuis la console Google Play. Cette empreinte confirme que vous êtes bien le propriétaire du site web et de l’application. Une fois cette étape terminée, lorsqu’un utilisateur clique sur une URL web, le système Android peut automatiquement le rediriger vers votre application (si elle est installée) et afficher le contenu correspondant. Si l’application n’est pas installée, l’URL s’ouvrira normalement dans un navigateur web. Cela offre une expérience fluide à l’utilisateur, qui peut être redirigé d’une page web vers le contenu pertinent dans votre application.

Vous pouvez suivre ces étapes pour obtenir l’empreinte SHA256.

  • Accédez à votre Google Play Console
  • Ouvrez Setup
  • Cliquez sur App Signing.
  • rendez-vous dans la section App signing key certificate
  • Copiez le SHA256.

2. Liez votre app iOS aux domaines de votre boutique avec les iOS Universal Links

Les universal links sont l'équivalent iOS des Android App Links. Ils permettent de créer des liens vers du contenu au cœur de votre app iOS en utilisant simplement des liens HTTP ou HTTPS standards. Lorsqu'un utilisateur appuie sur un universal link, iOS vérifie si l'app correspondante est installée. Si c'est le cas, l'app est lancée immédiatement sur le contenu concerné. Si l'app n'est pas installée, le lien ouvre l'URL du site dans Safari. Les universal links offrent une expérience utilisateur sécurisée et fluide, garantissant que les utilisateurs accèdent à votre contenu de la manière la plus intégrée possible, que ce soit via votre app ou votre site.

Les universal links iOS seront configurés automatiquement si vous cochez la case pour activer l'option et enregistrez les modifications.

3. Smart app banner pour iOS et Android.

Une bannière d'app intelligente est une bannière qui apparaît en haut d'une page web mobile lorsque l'utilisateur visite le site en utilisant un smartphone ou une tablette. 
Voici la fonctionnalité principale d'une bannière d'app intelligente.

Les bannières d'app intelligentes sont sensibles au contexte. Elles peuvent détecter si l'utilisateur a déjà installé votre application sur son appareil.

  • Si l'application n'est pas installée : La bannière affiche généralement un message comme « Télécharger l'app » ou « Installer maintenant » ainsi que l'icône de l'application et une brève description. En tapant sur la bannière, l'utilisateur est redirigé vers la page de téléchargement de l'application dans le magasin d'applications pertinent (par exemple, Apple App Store ou Google Play Store).
  • Si l'application est déjà installée : La bannière peut modifier son message en « Ouvrir » ou « Lancer » et permettre aux utilisateurs d'accéder directement à l'application à partir de la page web mobile.

Ces étapes devront être suivies pour activer et configurer les bannières d'app intelligentes pour iOS et Android.

  • Activez la bannière d'app intelligente à partir du tableau de bord Shopify de l'application mobile Evlop.
    • Cliquez sur la case à cocher avec la « Activer la bannière d'app intelligente Android » et la « Activer la bannière d'app intelligente iOS »
    • Enregistrez les modifications.
  • Activer l'extension de thème
    • Vous verrez une fenêtre d’avertissement avec le message « Smart app banner » l'extension de thème n'est pas activée.
    • Cliquez sur le bouton « Go to theme setting » disponible dans la boîte de message d’avertissement.
    • Vous serez redirigé vers la page des paramètres du thème dans un nouvel onglet et l'extension de thème sera maintenant activée automatiquement.
    • Enregistrez les modifications sur la page des paramètres du thème.
    • Retournez à l'onglet précédent et cliquez sur actualiser.

Comment les clients le verront‑ils ?