Utilisation d’API HTML et JavaScript pour élargir les fonctionnalités de DPS

DPS propose plusieurs modes d’utilisation des API HTML et JavaScript afin d’améliorer l’expérience de l’utilisateur. Lorsque vous créez du contenu HTML pour une bibliothèque personnalisée, un magasin personnalisé ou une bannière de droits, vous pouvez établir une référence à l’API de bibliothèque et de stockage.

Pour le contenu HTML inclus au sein d’un folio, par exemple un article HTML ou une incrustation de contenu Web, vous pouvez établir une référence à l’API de lecture. L’API de lecture comprend certaines fonctionnalités disponibles dans l’API de bibliothèque et de stockage, ainsi que dans les API de géolocalisation, de caméra, de calendrier et de détection de périphérique.

Tout contenu HTML que vous définissez dans DPS App Builder peut faire référence à l’API de bibliothèque et de stockage. Les articles HTML et les incrustations de contenu Web présents dans un folio peuvent faire référence à l’API de lecture.

 

API de bibliothèque et de stockage

Interface Reading API

Bibliothèque personnalisée

*

 

Magasin personnalisé

*

 

Emplacements personnalisés (vues Web)

*

 

Bannière de droits

*

 

Écran de bienvenue

*

 

Ecran d’informations

*

*

Incrustation de contenu Web

 

*

Article HTML

 

*

Les fonctionnalités suivantes permettent d’accéder aux API JavaScript.

Bibliothèque personnalisée

Vous pouvez remplacer l’implémentation native de la bibliothèque du lecteur au moyen de code HTML, JavaScript et CSS en fonction de vos besoins. En accédant aux API, vous pouvez dupliquer la fonctionnalité de commerce électronique proposée dans la bibliothèque par défaut et la personnaliser en fonction de votre projet. Pour plus d’informations sur la création de bibliothèques et de magasins personnalisés, reportez-vous à la page Custom storefronts and libraries (Boutiques et bibliothèques personnalisées).

Les bibliothèques personnalisées ont accès aux API de bibliothèque et de stockage.

Emplacements personnalisés

Les emplacements personnalisés (également appelés « icônes de navigation personnalisée ») apparaissent dans la barre de navigation inférieure. Lorsque l’utilisateur touche l’écran, ces emplacements personnalisés ouvrent une vue web, comme un magasin personnalisé ou une page de FAQ. Le code HTML de la vue web peut inclure des références à l’API de bibliothèque et de stockage.

Appuyez brièvement sur les icônes de navigation pour afficher une vue web. Le contenu HTML de chaque vue web peut faire référence aux API de bibliothèque et de stockage.

Bannière de droits

Si votre application inclut des droits directs, vous pouvez définir une bannière de droits HTML à afficher dans la partie supérieure de la vue de bibliothèque, comme illustré ci-dessus. Pour les titulaires d’un abonnement papier, la bannière permet d’accéder immédiatement au contenu, de proposer des offres d’abonnement ou d’afficher des publicités. La bannière de droits permet d’accéder à l’intégralité de l’API de bibliothèque/stockage. Pour en savoir plus, reportez-vous à la page Leveraging direct entitlement with DPS (Utilisation des droits directs avec DPS).

Écran de bienvenue

L’écran de bienvenue est une vue web transparente qui affiche du contenu HTML entre l’écran de démarrage et la section Bibliothèque/Magasin. Ce contenu HTML apparaît lorsqu’un client lance l’application pour la première fois après l’avoir téléchargée ou suite à une mise à jour. L’écran de bienvenue permet d’accéder à l’intégralité de l’API de bibliothèque/stockage. Reportez-vous à la page Getting started with a welcome screen (Prise en main d’un écran de bienvenue) dans le Centre de développement DPS.

Exemple d’écran de bienvenue regroupant les données des API de bibliothèque et de stockage.

Ecran d’informations

Vous pouvez afficher un écran d’informations quel que soit le support sur lequel vos clients affichent le contenu de votre application. Par exemple, vous pouvez inviter les lecteurs à créer un compte, télécharger une application complémentaire, accéder au contenu de l’aide ou consulter d’autres offres personnalisées via une vue web transparente. L’écran d’informations permet d’accéder à l’intégralité des API JavaScript : API de bibliothèque et de stockage ou API de lecture, selon l’emplacement à partir duquel l’écran d’informations est déclenché.

Vous pouvez lancer l’écran d’informations au niveau de l’application (bibliothèque personnalisée ou bannière d’activation des droits) ou du folio (article HTML ou incrustation de contenu Web). Les fichiers HTML utilisés dans l’écran d’informations résident sur un serveur extérieur à l’application, et non dans celle-ci. Pour afficher l’écran d’informations, les utilisateurs doivent être connectés à Internet.

Pour plus d’informations, reportez-vous à la page New APIs and features in r30 (Nouvelles API et fonctionnalités de R30).

Articles HTML/Incrustations de contenu Web

Pour accéder aux API JS depuis un folio plutôt que dans la bibliothèque, vous pouvez créer un article HTML ou une incrustation de contenu Web. Vous pouvez ensuite créer des publicités numériques affichant un contenu différent selon le mode d’acquisition de l’article, ou utiliser l’API de caméra, l’API de géolocalisation ou différentes API marketing destinées aux clients.

Le code HTML de cette incrustation de contenu Web émet un appel à destination de l’interface Reading API afin de déterminer l’origine du problème et affiche le contenu correspondant.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?