La bannière mobile Transit apparaîtra aux visiteurs de de votre site web mobile et détectera automatiquement l’appareil des utilisateurs (Android ou iPhone). Lorsque ceux-ci cliqueront sur la bannière, ils seront redirigés vers leur App Store respectif afin de télécharger l’application.
Vous voulez ajouter la bannière mobile Transit à votre site web? Rien de plus simple!
Le résultat
Comment faire
Ajoutez ces lignes à l'élément <head>:
Remplacez "agency XYZ" dans le champ "Endorsed by agency XYZ" par le nom de votre société de transports.
Remplacez le terme "AGENCY" au sein des liens Apple et Google par l'acronyme de votre société de transport. Assurez-vous de ne pas ajouter d'espaces ou de symboles.
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="smartbanner:title" content="Transit">
<meta name="smartbanner:author" content="Endorsed by agency XYZ">
<meta name="smartbanner:price" content="FREE">
<meta name="smartbanner:price-suffix-apple" content=" - On the App Store">
<meta name="smartbanner:price-suffix-google" content=" - In Google Play">
<meta name="smartbanner:icon-apple" content="https://transitapp-data.com/images/smartbanner/apple.jpg">
<meta name="smartbanner:icon-google" content="https://transitapp-data.com/images/smartbanner/google.jpg">
<meta name="smartbanner:button" content="View">
<meta name="smartbanner:button-url-apple" content="https://apps.apple.com/app/apple-store/id498151501?pt=2090552&ct=AGENCY-smartbanner&mt=8">
<meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=com.thetransitapp.droid&utm_source=AGENCY&utm_medium=smartbanner&utm_campaign=partners">
<meta name="smartbanner:enabled-platforms" content="android,ios">
<!--<meta name="smartbanner:disable-positioning" content="true">-->
<!-- Enable for all platforms -->
<!-- <meta name="smartbanner:include-user-agent-regex" content=".*"> -->
<link rel="stylesheet" href="https://transitapp.com/smartbanners/smartbanner.css">
<script src="https://transitapp.com/smartbanners/smartbanner.js"></script>Pas plus compliqué que ça!
N’hésitez pas à nous contacter pour de l’aide ou si vous éprouvez des problèmes avec la bannière. Vous pouvez nous rejoindre par courriel à l’adresse [email protected].