Deeplinking

So stellen Sie sicher, dass mobile Links Ihrer Inhalte in Ihrer App geöffnet werden

Diese Anleitung erklärt, wie Sie sicherstellen, dass ein Inhalt automatisch in Ihrer App geöffnet wird, wenn jemand auf einem mobilen Gerät auf Ihren mobilen Website-Link klickt – sofern die App auf dem Gerät installiert ist. Dies funktioniert sowohl für iOS als auch für Android.

Es ist eine extrem unterschätzte Funktion, da sie dafür sorgt, dass Nutzer nicht im normalen Browser landen, sondern Ihre eigene Welt betreten – Ihr eigenes Ökosystem, in dem sie mit höherer Wahrscheinlichkeit verweilen und nach weiteren Inhalten suchen. Es fördert die aktive Nutzung und hat viele positive Effekte. Daher empfehlen wir, diese Funktion von Anfang an zu nutzen. Zumal die Einrichtung nicht schwierig ist.

Die folgenden Anweisungen basieren auf einer WordPress-Einrichtung, aber der Prozess funktioniert auf jeder anderen Hosting-Umgebung, in der Sie Dateien in das Stammverzeichnis (Root-Verzeichnis) Ihrer Website hochladen können.

Worum geht es hierbei?

Wenn ein Nutzer auf einen Ihrer Links klickt – sei es aus einem Newsletter, von WhatsApp, einer Social-Media-Plattform oder einer Website von Drittanbietern –, wird er normalerweise zu Ihrem standardmäßigen mobilen Browser weitergeleitet. Mit Deeplinking wird er stattdessen direkt in Ihre mobile App geleitet, sofern diese installiert ist.

Dies wird erreicht, indem Sie zwei spezielle Dateien zu Ihrer Website hinzufügen. Diese Dateien teilen iOS und Android Folgendes mit:

„Hey, diese Website gehört zu dieser App – wenn die App installiert ist, öffne den Link direkt darin.“

Diese Einrichtung ist sicher, durch digitale Signaturen verifiziert und wird unterstützt von:

• Apple Universal Links unter iOS

• Android App Links unter Android

Die Einrichtung korrekter Deeplinks in Ihre Apps für Ihre eigene Domain zahlt sich in Bezug auf die Kennzahlen für aktive Nutzer schnell aus (mehr aktive Nutzer, bessere Nutzerbindung, Steigerung der Loyalität usw.). Dies ist ein schneller Erfolg (Quick Win) zur Steigerung der App-Interaktion und wird für jede inhaltsorientierte Plattform dringend empfohlen.

App-Details (durch Ihre tatsächlichen Werte zu ersetzen)

Sie müssen Ihre tatsächlichen App-Anmeldedaten angeben. Unten sehen Sie ein Platzhalter-Beispiel:

• Android-Paketname: com.example.app

• SHA-256-Zertifikats-Fingerabdrücke:

  • A1:B2:C3:D4:E5:F6:11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99:00

  • 11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:11

• iOS App Bundle ID: com.example.iosapp

• Apple Team ID: ABCDE12345

Selbstverständlich unterstützen wir Sie dabei und stellen Ihnen den richtigen Datensatz zur Verfügung.

Schritt-für-Schritt-Anleitung

1. Erforderliche Dateien erstellen

Sie müssen zwei Dateien erstellen und auf Ihre Website hochladen:

🔹 apple-app-site-association (Keine Endung wie .json!)

{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": "ABCDE12345.com.example.iosapp",
        "paths": ["*"]
      }
    ]
  }

{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": "ABCDE12345.com.example.iosapp",
        "paths": ["*"]
      }
    ]
  }

{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": "ABCDE12345.com.example.iosapp",
        "paths": ["*"]
      }
    ]
  }

r

[
  {
    "relation": ["delegate_permission/common.handle_all_urls"],
    "target": {
      "namespace": "android_app",
      "package_name": "com.example.app",
      "sha256_cert_fingerprints": [
        "A1:B2:C3:D4:E5:F6:11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99:00",
        "11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:11"
      ]
    }
  }
]

[
  {
    "relation": ["delegate_permission/common.handle_all_urls"],
    "target": {
      "namespace": "android_app",
      "package_name": "com.example.app",
      "sha256_cert_fingerprints": [
        "A1:B2:C3:D4:E5:F6:11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99:00",
        "11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:11"
      ]
    }
  }
]

[
  {
    "relation": ["delegate_permission/common.handle_all_urls"],
    "target": {
      "namespace": "android_app",
      "package_name": "com.example.app",
      "sha256_cert_fingerprints": [
        "A1:B2:C3:D4:E5:F6:11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99:00",
        "11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:11"
      ]
    }
  }
]

2. Dateien auf Ihre Website hochladen

Wenn Sie WordPress verwenden, befolgen Sie diese Schritte (Ähnliches gilt für andere Hosting-Systeme):

Verwenden Sie FTP oder einen Datei-Manager:

1. Verbinden Sie sich via FTP mit Ihrem Server oder nutzen Sie den Datei-Manager Ihres Hosting-Anbieters.

2. Navigieren Sie zum Stammverzeichnis Ihrer Website (oft /public_html/ genannt).

3. Erstellen Sie einen Ordner namens .well-known (vergessen Sie den Punkt nicht).

4. Laden Sie beide Dateien in diesen Ordner hoch:

   • /public_html/.well-known/apple-app-site-association

   • /public_html/.well-known/assetlinks.json

Stellen Sie sicher, dass beide Dateien mit den korrekten Namen hochgeladen werden und nicht versehentlich Endungen wie .txt oder .json angehängt wurden.

3. Dateizugriff überprüfen

Testen Sie nun die Dateien in einem Browser:

<https://yourdomain.com/.well-known/apple-app-site-association>
<https://yourdomain.com/.well-known/assetlinks.json>

<https://yourdomain.com/.well-known/apple-app-site-association>
<https://yourdomain.com/.well-known/assetlinks.json>

<https://yourdomain.com/.well-known/apple-app-site-association>
<https://yourdomain.com/.well-known/assetlinks.json>

Sie sollten sich direkt im Browser öffnen und unformatierte JSON-Daten anzeigen (keine 404-Fehler).

4. Zugriffsprobleme beheben (falls erforderlich)

Manchmal blockiert WordPress oder Ihr Server JSON-Dateien. So beheben Sie das:

Für Apache-Server (bearbeiten Sie die .htaccess)

Fügen Sie dies am Ende Ihrer .htaccess-Datei hinzu:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule ^.well-known/ - [L]
</IfModule>

<FilesMatch "apple-app-site-association">
  ForceType application/json
</FilesMatch>

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule ^.well-known/ - [L]
</IfModule>

<FilesMatch "apple-app-site-association">
  ForceType application/json
</FilesMatch>

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule ^.well-known/ - [L]
</IfModule>

<FilesMatch "apple-app-site-association">
  ForceType application/json
</FilesMatch>

Für Nginx-Server

Fügen Sie dies zu Ihrer Server-Konfiguration hinzu:

5. Überprüfen, ob alles funktioniert

Führen Sie diese Befehle in Ihrem Terminal aus (oder bitten Sie Ihren Entwickler darum):

curl -I <https://yourdomain.com/.well-known/apple-app-site-association>
curl -I

curl -I <https://yourdomain.com/.well-known/apple-app-site-association>
curl -I

curl -I <https://yourdomain.com/.well-known/apple-app-site-association>
curl -I

Sie sollten für beide Dateien eine 200 OK-Antwort sehen.

Das war's schon!

Wenn nun jemand auf einem mobilen Gerät auf Ihren Website-Link tippt, wird dieser direkt in Ihrer App geöffnet (falls installiert). Dies schafft eine reibungslosere Erfahrung für Ihre Nutzer – keine zusätzlichen Weiterleitungen, sondern direkt in die App. 🚀

Lassen Sie uns wissen, wenn Sie Hilfe beim Aktualisieren der Anmeldedaten oder beim Überprüfen der Einrichtung benötigen!