Kostenloser App-Deep-Link-Generator
Erstellen Sie Smart-Routing-Skripte, die das Betriebssystem erkennen und zum richtigen App-Store oder zur nativen App weiterleiten - mit Web-Fallback.
Define your App schemes and Store URLs to generate a dynamic cross-platform routing script.
Was ist ein App-Deep-Link?
Ein Deep-Link ist eine URL, die einen bestimmten Ort innerhalb einer nativen mobilen App öffnet, anstatt zu einer Webseite zu navigieren. Deep Links verwenden benutzerdefinierte URI-Schemata (wie twitter://, spotify:// oder myapp://profile/123), die das mobile Betriebssystem erkennt und an die registrierte App weiterleitet.
Allerdings ist die Veröffentlichung eines unformatierten benutzerdefinierten URI-Schemas auf einer Webseite unzuverlässig: Wenn der Benutzer Ihre App nicht installiert hat, zeigt der Browser einen hässlichen Fehler „Seite kann nicht geöffnet werden“ an. Sie können auch nicht ein einziges App-URI-Schema verwenden, um sowohl iOS als auch Android zu verwalten, da Benutzer von beiden Plattformen stammen.
So funktioniert das Smart Router Snippet
Dieses Tool generiert ein „Deferred Deep Link“-Routing-Skript. Folgendes passiert, wenn ein Besucher auf der Seite landet, die dieses Snippet enthält:
- Das Skript erkennt das Gerät des Benutzers über die Zeichenfolge
navigator.userAgent. - Wenn auf iOS oder Android ein App-Schema bereitgestellt wird, versucht es sofort
window.location.href = appScheme, die native App zu öffnen. - Gleichzeitig a Als Ersatz startet ein 1,5-sekündiger Hintergrund-Timer.
- Wenn die App erfolgreich geöffnet wird, wird die Browser-Registerkarte ausgeblendet - das Skript erkennt das
visibilitychange-Ereignis und löscht den Timer. Es erfolgt keine Weiterleitung. - Wenn die App nicht installiert ist, wird das Zeitlimit ausgelöst und der Benutzer wird zum richtigen App Store (iOS → Apple App Store, Android → Google Play) oder zur richtigen Web-Fallback-URL weitergeleitet.
- Desktop-Benutzer werden direkt zum Web-Fallback weitergeleitet, ohne das App-Schema auszuprobieren.
Beste Anwendungsfälle für Deep Link Routing
- E-Mail-Kampagnen: Senden „In App öffnen“-Links in E-Mails, die zum richtigen Store weiterleiten, wenn die App nicht installiert ist.
- SMS und Push-Marketing: Binden Sie ehemalige Benutzer erneut mit einem Klick ein, der einen bestimmten In-App-Bildschirm öffnet (Produktseite, Werbung, Benutzerprofil).
- QR-Code-App-Downloads: Drucken Sie einen einzelnen QR-Code, der iOS-Benutzer automatisch zum App Store und Android-Benutzer zu Google Play weiterleitet.
- Web-to-App Konvertierung: Wandeln Sie Webbesucher in App-Benutzer um, indem Sie einen intelligenten „Download Our App“-Link anbieten, der nahtlos weitergeleitet wird.
Häufig gestellte Fragen
Wo finde ich das benutzerdefinierte URI-Schema meiner App?
Für iOS-Apps ist das URI-Schema in Ihrer App definiert Info.plist unter URL-Typen. Für Android wird es in Ihrer AndroidManifest.xml in einem Absichtsfilter mit einem android:scheme-Attribut definiert. Wenn Sie eine React Native- oder Flutter-App erstellen, überprüfen Sie Ihre Verknüpfungskonfigurationsdatei. Beispielformate: myapp://, com.mycompany.myapp://.
Warum wird das 1,5-Sekunden-Timeout manchmal umgeleitet, selbst wenn die App installiert ist?
Auf einigen Geräten und Browsern wird die Das VisibilityChange-Ereignis wird beim Wechsel zur nativen App inkonsistent oder mit einer leichten Verzögerung ausgelöst. Wenn es zu falschen Fallbacks kommt, erhöhen Sie den Timeout-Wert im generierten Code von 1500 auf 2500 Millisekunden. Umgekehrt bemerken Benutzer auf langsameren Geräten möglicherweise eine spürbare Verzögerung, bevor der Fallback ausgelöst wird.
Funktioniert dies mit iOS Universal Links oder Android App Links?
Nein. Dieses Skript verwendet benutzerdefinierte URI-Schemata. Dies ist die einfachere und allgemeiner unterstützte Methode. Universal Links (iOS) und App Links (Android) sind robustere Standards, die eine zugehörige Domänendatei auf Ihrem Server erfordern - sie sind die bevorzugte Lösung für Produktions-Apps. Verwenden Sie dieses Skript für schnelles Prototyping, QR-Codes und Kampagnen, bei denen die Einrichtung von Universal Link Hosting nicht praktikabel ist.
Entwickler-Tools kostenlos geliefert
Deep-Link-Anleitungen, Open-Graph-Tipps und neue Dev-Tools - direkt in Ihren Posteingang.
Related Tools
Explore other free tools to build, test, and optimize your links and QR codes.
Barcode (1D)
Generieren Sie 1D-Barcodes (Code128, EAN-13, UPC usw.), zeigen Sie sie in der Vorschau an und laden Sie sie sofort in Ihrem Browser herunter.
GA4 Cross-Domain-Tracker
Generieren Sie domänenübergreifende Google Analytics 4 (GA4)-Tracking-Code-Snippets, um Benutzersitzungen über mehrere Websites hinweg aufrechtzuerhalten.
HTML-Link
Generieren Sie saubere, perfekt formatierte HTML-Anker-Tags mit benutzerdefinierten rel-, target-, class- und ID-Attributen.
Öffnen Sie das Graph-Meta-Tag
Generieren Sie die perfekten Open Graph- und Twitter Card-HTML-Meta-Tags für die Optimierung der Linkfreigabe in sozialen Medien.
Amazon Affiliate Link Builder
Bereinigen Sie unübersichtliche Amazon-URLs und generieren Sie mithilfe Ihres Affiliate-Tags perfekte Partner-Links.
Link-Ablauf- und Countdown-Snippet
Generieren Sie ein Javascript-Snippet, um einen Link automatisch ablaufen zu lassen und den Datenverkehr nach einem bestimmten Datum und einer bestimmten Uhrzeit umzuleiten.