Wie erstelle ich einen Deeplink?

Anleitung zur Verwendung des Deeplinks

Der Deeplink ermöglicht es Ihnen, mit einem einzigen Button, jeden Besucher Ihrer Homepage auf die für ihn richtige Plattform zu schicken. Falls Ihre App noch nicht auf dem Device installiert ist, wird der Android User wird zum Google Play Store, der iOS User zum App Store weitergeleitet und der Desktop User sieht das Flash Magazin.

Konfiguration

Sie brauchen nur 6 Variablen definieren, der Rest wird automatisch erledigt. Diese Variablen sind in dem Code unter // Configuration // ganz am Anfang zu finden.

<script type="text/javascript">
function startMag() {
// Configuration //
var WebMag = 'https://www.keosk.de/read/rkk3i4xgYJOu6/m.html'
var magID = 'rkk3i4xgYJOu6';
var pageNr = 1;
var iOSStoreLink = 'itunes.apple.com/de/app/keosk/id371982946?mt=8';
var AndroidPackageName = 'com.keosk';
var Scheme = 'keosk'
// //

 

1. var WebMag = ‘Weblink zu Ihrem Magazin’Geben Sie hier den keosk. Link Ihres Magazines ein. Falls Sie nicht über keosk. publizieren, geben Sie bitte den Link zu Ihrem Magazin auf einem anderen Server ein. Sollten Sie gar kein Web-Magazin veröffentlichen, sondern nur über Apps publizieren, lassen Sie diesen Parameter bitte leer. Bitte beachten: Am Ende des Links muss zwingend ein .html stehen, ohne irgendwelche weitere Parameter.
2. var magID = ‘unreadable ID Ihres Magazines’Unreadable-ID aus dem Weblink des gewünschten Magazins kopieren.
3. var pageNr = ‘Seitennummer’Geben Sie hier bitte an, auf welcher Seite das Magazin geöffnet werden soll. Wenn Sie keine bestimmte Seitenzahl wünschen, lassen Sie den Defaultwert (1) bitte stehen.
4. var iOSStoreLink = ‘Link zum AppStore’ Suchen Sie bei Google nach “itunes IHR APPNAME” und kopieren Sie alles nach “https://” stehende.                            Alternativ kann auch das Parameter ‘&uo=4’ hinzugefügt werden : 
5. var AndroidPackageName = ‘Paketname der Android App’ Kopieren Sie den Paketname der jeweiligen App. Der Paketname findet sich im Developer Account unter “App – APK – Paketname”. 
6. var Scheme = ‘Appname’ Das Scheme besteht aus dem Namen Ihrer App, nur dass alles klein-  und zusammengeschrieben wird.                                                   Beispiel: Appname: Meine tolle App —> Scheme = meinetolleapp

Bitte beachten: Es kann vorkommen, dass Ihr Scheme anders konfiguriert wurde. In diesem Fall, fragen Sie bitte bei uns im Support Center nach dem korrekten Scheme.

 Einfügen in Ihre Website

JavaScript Code in Ihre Webseite einfügen.

<script type="text/javascript">
function startMag() {
var clickTarget = document.getElementById("clickTarget");
// Configuration //
var WebMag = 'https://www.keosk.de/read/rkk3i4xgYJOu6/m.html'
var magID = 'rkk3i4xgYJOu6';
var pageNr = 1;
var iOSStoreLink = 'itunes.apple.com/de/app/keosk./id371982946?mt=8';
var AndroidPackageName = 'com.keosk';
var Scheme = 'keosk'
// //

var userAgent = '';
var deepLink = '';

// Detect user agent
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
userAgent = 'iOS';

} else if (navigator.userAgent.match(/Android/i)) {
userAgent = 'Android';
}

// Set store link
if (userAgent == 'iOS' && iOSStoreLink != '') {
var storeLink = 'itms://' + iOSStoreLink;
deepLink = Scheme + '://?mag_ext_id=' + magID + '&page=' + pageNr;

// Try to open the app
window.location = deepLink;
setTimeout(function () {
window.location = storeLink;
}, 1001);

} else if (userAgent == 'Android' && AndroidPackageName != ''){
deepLink = 'intent://?mag_ext_id=' + magID + '&page=' + pageNr
+ '#Intent;scheme=' + Scheme + ';package=' + AndroidPackageName + ';end';

// Try to open the app (android will open Play Store, if the app is not available)

clickTarget.href = deepLink;
window.location.href = deepLink;
} else if (WebMag != ''){
// Other Device
window.location = WebMag + '?page=' + pageNr;

} else if (iOSStoreLink != ''){
// Link to iOS App Store if no web-magazine is provided
var storeLink = 'itms://' + iOSStoreLink;
window.location = storeLink

} else if (AndroidPackageName != ''){
// Link to Android Store if no web-magazine or iOS App is provided
window.location = 'https://play.google.com/store/apps/details?id=' + AndroidPackageName;

} else {
// Error
}
}

</script>

 

Fügen Sie nun diesen HTML-Code in Ihre Webseite ein um die Funktion auszulösen.

<body onload="startMag()">
<a href="" id="clickTarget">IHR MAGAZINNAME</a>
</body>

 

Hinweis: ! Für App Versionen vor 1.7 sieht der Deeplink so aus:

keosk://?mag_id=7677&page=1

Statt der Unreadable-ID wird die Magazin ID verwendet.

 

[Dieser Eintrag wurde zuletzt im Juni 2014 aktualisiert.]