Hoe werkt het: maken van links die je app openen

Bijgewerkt op 26. juni 2023 door Jan Bunk

Afbeelding met tekst: deeplinken in je app

Het verschil tussen App Links en Deep Links

App-links (ook wel universele links genoemd op iOS) zien eruit als gewone https-links, bijvoorbeeld https://webtoapp.design. Als je op de link klikt op een apparaat waarop de app voor deze website is geïnstalleerd, wordt de link geopend in de app. Als de app niet is geïnstalleerd, wordt de link geopend in de browser.

Deep links gebruik een ander schema in plaats van https, bijvoorbeeld app600://webtoapp.design. Als je op de link klikt op een apparaat waarop de app voor deze website is geïnstalleerd, wordt de link geopend in de app. Als de app niet is geïnstalleerd, gebeurt er niets.

Het belangrijkste verschil is dus voor gebruikers die de app niet geïnstalleerd hebben. Als je wilt dat zij de links ook kunnen gebruiken (bijvoorbeeld omdat je de links gebruikt in e-mails die alle klanten ontvangen), dan moet je app-links gebruiken.

In deze handleiding behandelen we hoe je deeplinks kunt maken en aanpassen.

Een deep link maken

Eerst moet je je app's deep linking schema vinden in je app navigatie-instellingen. Je kunt het schema ook veranderen als je dat wilt. In deze gids gebruiken we het schema app600 als voorbeeld.

Bepaal dan de URL die je wilt dat de app laat zien als op de diepe link geklikt wordt. Laten we als voorbeeld gebruiken https://webtoapp.design/examples.

Om nu van je URL een deep link-URL te maken, vervang je het URL-schema (meestal https of http) door je deep linking-schema. In ons voorbeeld zou de resulterende URL dus zijn app600://webtoapp.design/examples

Je deep link gebruiken

Je kunt deze URL nu overal gebruiken waar je maar wilt, bijvoorbeeld op je website of in e-mails. In een link tag zou het er als volgt uitzien:

        
<a href="app600://webtoapp.design/examples">Openen in app</a>
        
    

Beperkingen

Als de gebruiker de app niet geïnstalleerd heeft, gebeurt er niets als hij op de link klikt. Helaas is er geen manier om dit te omzeilen vanwege een aantal beperkingen: er is geen manier om te controleren of de app is geïnstalleerd, dus we kunnen niet proberen de deeplink te openen en, als het niet lukt, de pagina in de browser te openen.

App links hebben dit probleem niet. Ze openen de website in de browser als de app niet is geïnstalleerd, wat in veel gevallen de voorkeur heeft.

Gerelateerde artikelen


Een humanoïde robot overhandigt een virtuele uitnodiging, digitale kunst

Hoe kan je: het webtoapp.design team uitnodigen voor je Apple Developer account

Deze korte handleiding legt uit hoe je het webtoapp.design team kunt uitnodigen voor een Apple Developer account, zodat we je iOS app kunnen uploaden.

Een humanoïde robot test een app in een chemisch laboratorium met staande bekers, digitale kunst

Probeer je iOS app uit voor de publicatie

Hier lees je hoe je een iPhone of iPad app intern kunt testen met Apple's TestFlight, zonder dat je al door de App Store review hoeft.

Een humanoïde robot die een app verkoopt in zijn kantoor, digitale kunst

Hoe werkt het: doorverkopen van een White Label App

Bij webtoapp.design bieden we een white label product dat geschikt is voor resellers. Hier volgen enkele tips over hoe je je app het beste kunt doorverkopen.


Auteur Jan Bunk
Geschreven door
Jan Bunk

Hallo, ik ben Jan! Ik heb webtoapp.design opgericht in 2019 tijdens mijn studie informatica aan de universiteit. Sindsdien is er veel veranderd; niet alleen ben ik afgestudeerd, maar het is ook niet langer alleen ik die webtoapp.design runt. We zijn uitgegroeid tot een wereldwijd, volledig remote team en hebben veel ervaring opgedaan rondom app-ontwikkeling en app-publicatie. We hebben honderden apps gemaakt en gepubliceerd in de app stores, waar ze honderdduizenden keren zijn gedownload.