DPS uitbreiden met HTML en JavaScript-API's

DPS biedt verschillende methoden waarmee u HTML en JavaScript-API's kunt gebruiken om de gebruikerservaring te verbeteren. Wanneer u HTML-inhoud maakt voor een aangepaste bibliotheek, een aangepaste winkel of een machtigingsbanner, kunt u verwijzen naar de Library and Store API.

Voor HTML-inhoud in een folio, zoals een HTML-artikel of een webinhoud-overlay, kunt u verwijzen naar de Reading API. De Reading API bevat bepaalde functies die beschikbaar zijn in de Library and Store API, en API's voor geolocatie, camera's, kalenders en apparaatdetectie.

Alle HTML-inhoud die u opgeeft in DPS App Builder, kan verwijzen naar de Library and Store API. HTML-artikelen of webinhoud-overlays in een folio kunnen verwijzen naar de Reading API.

 

Library and Store API

Reading API

Aangepaste bibliotheek

*

 

Aangepaste winkel

*

 

Aangepaste sleuven (webweergaven)

*

 

Machtigingsbanner

*

 

Welkomstscherm

*

 

Informatiescherm

*

*

Webinhoud-overlay

 

*

HTML-artikel

 

*

De volgende functies bieden toegang tot de JavaScript-API's.

Aangepaste bibliotheek

U kunt HTML, JavaScript en CSS gebruiken om de systeemeigen implementatie van de viewerbibliotheek naar wens te maken. Door API's te openen, kunt u de e-commercefunctie van de standaardbibliotheek dupliceren en aanpassen aan uw projectontwerp. Zie Aangepaste winkels en bibliotheken (Engelstalig) voor meer informatie over het maken van aangepaste bibliotheken en winkels.

Aangepaste bibliotheken hebben toegang tot de Library and Store API.

Aangepaste sleuven

Aangepaste sleuven (ook wel “aangepaste navigatiepictogrammen” genoemd) worden weergegeven op de navigatiebalk onderaan. Als op deze sleuven wordt getikt, wordt een webweergave getoond, bijvoorbeeld een aangepaste winkel of een pagina met veelgestelde vragen. U kunt in de HTML-code van de webweergave verwijzingen naar de Library and Store API opnemen.

Als op deze navigatiepictogrammen wordt getikt, wordt een webweergave getoond. De HTML-inhoud in elke webweergave kan verwijzen naar de Library and Store API.

Machtigingsbanner

Als uw app directe machtiging bevat, kunt u een HTML-banner definiëren die boven aan de bibliotheekweergave verschijnt, zoals in de afbeeldingen hierboven. U kunt de banner gebruiken als aansporing voor abonnees van drukwerk om rechtstreeks toegang tot de inhoud te krijgen, aanbiedingen voor abonnementen beschikbaar te stellen of advertenties weer te geven. De machtigingsbanner heeft volledige toegang tot de API voor bibliotheek en winkel. Zie Directe machtiging benutten met DPS voor meer informatie.

Welkomstscherm

Het welkomstscherm is een transparante webweergave die HTML-inhoud weergeeft tussen het opstartscherm en de bibliotheek of winkel. De HTML-inhoud wordt weergegeven als klanten de app voor de eerste keer starten nadat ze de app hebben geïnstalleerd of als ze de app voor de eerste keer starten nadat deze is bijgewerkt. Het welkomstscherm heeft volledige toegang tot de API voor bibliotheek en winkel. Zie Getting started with a welcome screen (Engelstalig) in DPS Developer Center voor meer informatie.

Voorbeeld van welkomstscherm waarin informatie uit de Library and Store API.

Informatiescherm

U kunt een informatiescherm weergeven wanneer klanten inhoud in uw app bekijken. U kunt lezers bijvoorbeeld aansporen een account te maken, een companion-app te downloaden, Help-inhoud te openen of andere aangepaste aanbiedingen te bekijken via een transparante webweergave. Het informatiescherm heeft volledige toegang tot de JavaScript-API's, de Library and Store API of de Reading API, afhankelijk van waar het informatiescherm wordt geactiveerd.

U kunt het informatiescherm starten op het niveau van de app (bijvoorbeeld een aangepaste bibliotheek of machtigingsbanner) of op het niveau van het folio (HTML-artikel of webinhoud-overlay). De HTML-bestanden die worden gebruikt in het informatiescherm, bevinden zich op een server buiten de app en niet in de app. Gebruikers moeten verbinding hebben met internet om het informatiescherm weer te geven.

Zie New APIs and features in r30 (Engelstalig) voor meer informatie.

HTML-artikelen/webinhoud-overlays

U kunt een HTML-artikel of webinhoud-overlay maken als u toegang tot de JavaScript-API's wilt instellen in een folio in plaats van in de bibliotheek. Vervolgens kunt u digitale inschrijfkaarten maken om verschillende inhoud weer te geven afhankelijk van hoe het artikel is verkregen, of u kunt gebruikmaken van de Camera API, de Geolocation API of van verschillende API's voor consumentenmarketing.

De HTML-code in deze webinhoud-overlay roept de Reading API aan om te bepalen hoe de uitgave is verkregen en geeft de inhoud op basis hiervan weer.

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?