HTML5 Fallback Lösung für Flash Magazine

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>
```

Suchen & Finden

Anleitung zur Verwendung des Deeplinks

Konfiguration

Einfügen in Ihre Website

Leser-Interaktionen

Verwandte Themen