Contrôler les couches du système depuis votre site web
Présentation et repères
Reliez les boutons de votre site web à la navigation entre les couches du système.
Quand utiliser ces fonctions
Ces fonctions JavaScript sont accessibles à votre site lorsqu’il est ouvert sur l’appareil via l’ application Site web. Le développeur du site, ou vous-même si vous le développez, peut les relier à des boutons personnalisés de la page pour permettre aux visiteurs d’ouvrir le menu des applications ou de passer aux campagnes.
Cela est utile pour afficher le site en plein écran sans les commandes du système et intégrer la navigation entre couches à votre propre design. L’exemple présente un plan comme application par défaut avec un menu d’autres applications.

1 — Menu : un bouton personnalisé du site ouvre le menu de la couche applications pour permettre aux visiteurs de quitter le plan et de choisir une autre application. showLayerBottom
2 — Publicités : un bouton personnalisé du site passe à la couche présentation et aux campagnes. showLayerTop
Illustration localisée à partir de la capture fournie. Les libellés du menu installé peuvent différer.
Les noms et l’apparence des boutons sont des exemples. Le développeur ou fournisseur du site les ajoute au site intégré. Pour les détails techniques, consultez les fonctions de navigation et exemples de code ci-dessous.
L’ouverture du menu exige plusieurs applications actuellement disponibles ; le passage aux publicités nécessite que la couche présentation soit activée. Testez toujours la navigation prévue sur l’appareil cible.
Public visé et responsabilités
- Le fournisseur de la plateforme fournit les fonctions de navigation du lecteur et documente leur utilisation.
- Le client choisit le site affiché dans l’ Site web et convient des commandes nécessaires avec son fournisseur.
- Le fournisseur ou développeur du site intégré modifie le site lui-même, par exemple en ajoutant des boutons et en les reliant aux fonctions décrites ici. Les instructions techniques et exemples de code de ce guide sont destinés à ce fournisseur ou développeur. Si vous développez vous-même le site, vous assumez aussi ce rôle.
Référence technique
Guide technique pour les développeurs web
Reliez vos boutons aux fonctions de navigation du système. Commencez par les conventions d’appel communes, puis consultez les fonctions et exemples de code.
Le lecteur fournit ces fonctions à un site ouvert dans l’application Site web. Vérifiez qu’une fonction est disponible avant de l’appeler, comme dans les exemples ci-dessous.
Conventions d’appel communes
- Requête :
requestest une chaîne contenant un objet JSON vide. Utilisezrequest: '{}', et non l’objet{}lui-même. - Réussite :
onSuccessconfirme l’acceptation de la requête, pas la fin de la navigation ni la visibilité d’une campagne précise. La réponse ne contient aucune donnée applicative ; ne fondez pas vos décisions sur la valeur deresponse. - Échec : gérez
onFailure(error_code, error_message). Les requêtes refusées ci-dessous renvoient le code-1. Les messages d’erreur sont des valeurs exactes de l’interface et ne doivent pas être traduits.
Fonctions de navigation disponibles
onUp
Demande un retour via la navigation du système. La destination dépend du mode de l’application web et du parcours disponible. Ce n’est pas un retour à l’URL précédente de l’historique du navigateur et cela n’équivaut pas à window.history.back(). Si le retour est impossible, la fonction signale l’erreur ci-dessous.
if (typeof window.onUp !== 'function') {
console.warn("La fonction de navigation du lecteur est indisponible.");
} else {
window.onUp({
request: '{}',
onSuccess: function () {
console.log("La requête de navigation a été acceptée.");
},
onFailure: function (error_code, error_message) {
console.warn(error_code, error_message);
}
});
}Erreur : error_code -1, Disabled bottom layer. Single-app kiosk.
showLayerBottom
Demande le menu de la couche applications. La liste doit contenir plusieurs éléments actuellement disponibles, compte tenu de leur validité planifiée. Si un seul élément ou aucun n’est disponible, la fonction signale l’erreur ci-dessous.
if (typeof window.showLayerBottom !== 'function') {
console.warn("La fonction de navigation du lecteur est indisponible.");
} else {
window.showLayerBottom({
request: '{}',
onSuccess: function () {
console.log("La requête de navigation a été acceptée.");
},
onFailure: function (error_code, error_message) {
console.warn(error_code, error_message);
}
});
}Erreur : error_code -1, Single-app kiosk.
showLayerTop
Demande la couche présentation. Celle-ci doit être activée dans la configuration de l’appareil ; sinon, la fonction signale l’erreur ci-dessous. L’acceptation ne confirme pas qu’une campagne précise a été diffusée ni que son contenu est disponible.
if (typeof window.showLayerTop !== 'function') {
console.warn("La fonction de navigation du lecteur est indisponible.");
} else {
window.showLayerTop({
request: '{}',
onSuccess: function () {
console.log("La requête de navigation a été acceptée.");
},
onFailure: function (error_code, error_message) {
console.warn(error_code, error_message);
}
});
}Erreur : error_code -1, Top layer disabled.
Utilisez onUp pour un retour selon le contexte de navigation, showLayerBottom pour le menu des applications et showLayerTop pour les contenus de présentation. Évitez les appels répétés rapidement, par exemple après plusieurs appuis sur un bouton. Appeler une fonction absente déclenche une erreur JavaScript avant que onFailure puisse s’exécuter ; les exemples vérifient donc d’abord la disponibilité.
Rubriques associées et prochaines étapes
← Retour à la vue d’ensemble – Intégrations et création de contenus
Contactez votre fournisseur de logiciel.
