Guide complet des Universal Links

Que sont les Universal Links ?

Les universal links sont des URLs qui fonctionnent de façon fluide entre le web et les apps mobiles. Quand un utilisateur touche un universal link sur iOS, le système vérifie si une app installée peut gérer ce lien. Si oui, il ouvre directement le contenu concerné dans l’app. Sinon, le lien s’ouvre dans Safari.

Sur Android, la technologie équivalente s’appelle App Links. Le concept est identique : une seule URL qui route intelligemment l’utilisateur vers votre app ou votre site web.

Comment fonctionnent les Universal Links

Le processus implique trois composants clés :

Implémentation des Universal Links sur iOS

Étape 1 : Créer le fichier AASA

Créez un fichier nommé apple-app-site-association (sans extension) avec cette structure : apple-app-site-association

{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": "TEAMID.com.yourcompany.yourapp",
        "paths": [
          "/products/*",
          "/articles/*",
          "/user/*"
        ]
      }
    ]
  }
}

Étape 2 : Configurer votre app iOS

Dans Xcode, ajoutez la capability Associated Domains avec votre domaine :

applinks:yourdomain.com
applinks:www.yourdomain.com

Étape 3 : Gérer l’URL dans votre app

// AppDelegate.swift
func application(_ application: UIApplication,
                 continue userActivity: NSUserActivity,
                 restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
    
    guard userActivity.activityType == NSUserActivityTypeBrowsingWeb,
          let url = userActivity.webpageURL else {
        return false
    }
    
    // Handle the URL and navigate to appropriate screen
    handleUniversalLink(url)
    return true
}

Implémentation des App Links sur Android

Étape 1 : Créer assetlinks.json

Hébergez ce fichier sur https://yourdomain.com/.well-known/assetlinks.json :

[{
  "relation": ["delegate_permission/common.handle_all_urls"],
  "target": {
    "namespace": "android_app",
    "package_name": "com.yourcompany.yourapp",
    "sha256_cert_fingerprints": [
      "XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX:XX"
    ]
  }
}]

Étape 2 : Mettre à jour AndroidManifest.xml

<activity android:name=".MainActivity">
    <intent-filter android:autoVerify="true">
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />
        <data android:scheme="https" />
        <data android:host="yourdomain.com" />
        <data android:pathPrefix="/products" />
    </intent-filter>
</activity>

Étape 3 : Gérer l’Intent

// MainActivity.kt
override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    
    val action = intent.action
    val data = intent.data
    
    if (Intent.ACTION_VIEW == action && data != null) {
        // Handle the deep link
        handleDeepLink(data)
    }
}

Bonnes pratiques et pièges courants

Test et débogage

Analytics et attribution

Une analytics correcte est essentielle pour comprendre les performances de vos universal links. Suivez ces métriques :

• CTR par canal
• Taux d’ouverture app vs taux de fallback web
• Coût d’acquisition par canal
• Taux de conversion des contenus deep-linkés
• Temps jusqu’à la première action après deep link
• Performance par plateforme (iOS vs Android)

Conclusion

Les universal links sont essentiels pour les apps mobiles modernes. Ils offrent un UX fluide, améliorent l’attribution et fonctionnent de manière fiable entre plateformes. Même si l’implémentation demande de l’attention, les bénéfices le justifient.

Commencez par les bases, testez soigneusement, puis améliorez selon les données réelles. Et si vous voulez éviter la complexité, utilisez une plateforme comme Appy qui gère cela automatiquement.