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 Version Ihre Magazins zu schicken. Leser mit einem mobilen Endgerät werden auf die HTML5 Version weitergeleitet und der Desktop User sieht das Flash Magazin.
Konfiguration
Sie brauchen nur 2 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 FlashMag = 'URL Flash-‐Magazin'; var HTML5Mag = 'URL HTML5-‐Magazin'; // //
- var FlashMag = ‘Weblink zu Ihrem Flash-‐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.
- Bitte beachten: Am Ende des Links muss zwingend ein .html stehen, ohne irgendwelche weitere Parameter.
- var HTML5Mag = ‘Weblink zu Ihrem HTML5-‐Magazin’
Einfügen in Ihre Website
- JavaScript Code in Ihre Webseite einfügen.
<script type="text/javascript"> function startMag() { // Configuration // var FlashMag = 'URL Flash-‐Magazin'; var HTML5Mag = 'URL HTML5--Magazin'; // // 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'; } // Check userAgent if (userAgent == 'iOS' != '') { deepLink = HTML5Mag; // Try to open the HTML5 link window.location = deepLink; } else if (userAgent == 'Android' != ''){ deepLink = HTML5Mag; // Try to open the HTML5 link window.location = deepLink; } else if (FlashMag != ''){ deepLink = FlashMag; // Other OS window.location = deepLink; } else { // Error } } </script>
- Fügen Sie nun diesen HTML-Code in Ihre Webseite ein um die Funktion auszulösen:
- Für eine Weiterleitung per Klick:
<a href="#" onclick="startMag()">IHRE LINKBEZEICHNUNG / MAGAZINNAME HIER</a>
- Für eine direkte Weiterleitung:
<body onload="startMag()"> </body>
- Für eine Weiterleitung per Klick: