Beschikbaar in Enterprise
EARLY ACCESS: Als je geïnteresseerd bent in het gebruik van deze functie en je hebt het Enterprise-abonnement, neem dan contact op met je Success Manager, die dit voor je kan activeren.
---
Gebruik PDF-annotaties om het maken van productcontent in Publitas te automatiseren, want met op annotaties gebaseerde hotspot-tagging kun je automatisch product-, afbeeldings- en video-hotspots in de publicatie automatisch aan te maken met specifieke instructies voor de positie (op basis van de grootte en positie van de aantekening) en de hotspotconfiguratie, zodra de PDF is geüpload – handmatig of via de API.
Annotaties gebruiken
Er zijn twee manieren waarop je annotaties kunt toevoegen. Als je met InDesign werkt:
- Ontwerp een PDF in InDesign precies zoals je wilt.
- Gebruik het gereedschap Rechthoekkader om links te maken en voeg de annotatiewaarde toe als URL-waarde van de rechthoekkaderlink.
- Exporteer het PDF-bestand en upload het naar Publitas.
Als alternatief, als je al een PDF-bestand hebt
- Voeg annotaties met exacte grootte toe aan de PDF die beschrijven waar hotspots moeten worden geplaatst;
- Upload deze PDF naar Publitas.
Ongeacht of de PDF handmatig in de Publitas-app of via de API wordt geüpload, bevat de gemaakte publicatie nu alle hotspots die door de annotaties in de PDF worden beschreven.
Inhoud van de annotaties
Annotaties worden geschreven in JSON-indeling, met enkele belangrijke waarden die hieronder voor elk ondersteund type hotspot worden vermeld.
Product-hotspots
- type ("product") – Geeft het type hotspotannotatie aan.
- icon (boolean) – Of er een pictogram voor de product-hotspot moet worden weergegeven.
- sku (string | array) – De SKU van het product waarnaar gelinkt moet worden; kan ook een array van SKU's voor meerdere producten zijn.
- dynamic (boolean) – Geeft aan of de product-hotspot dynamisch is.
Afbeeldingshotspots
- type ("image") – Geeft het type hotspotannotatie aan.
- icon (boolean) – Geeft aan of er een pictogram voor de afbeeldingshotspot moet worden weergegeven.
- source (string) – De URL van de afbeelding die moet worden weergegeven.
- appearance ("embed" | "interactive_embed" | "hotspot") – De weergave van de afbeeldingshotspot.
- altText (boolean) – Of er alt-tekst voor de afbeelding moet worden opgenomen.
- altTextValue (string) – De alt-tekstwaarde voor de afbeelding.
- fillMode ("crop" | "stretch") – De vulmodus voor de afbeelding.
Video-hotspots
- type ("video") – Geeft het type hotspotannotatie aan.
- icon (boolean) – Geeft aan of er een pictogram voor de video-hotspot moet worden weergegeven.
- source (string) – De URL van de video die moet worden ingesloten. Als de bron een YouTube- of Vimeo-link is, wordt deze overeenkomstig ingesloten. Anders wordt de video behandeld als een directe link naar een videobestand en gedownload.
- appearance ("embed" | "animatedContent" | "hotspot") – De weergave van de video-hotspot.
- showThumbnail (boolean) – Geeft aan of er een miniatuurafbeelding voor de video moet worden weergegeven.
- autoplay (boolean) – Geeft aan of de video automatisch moet worden afgespeeld wanneer deze wordt weergegeven (alleen Vimeo).
- loop (boolean) – Geeft aan of de video na afloop in een lus moet worden afgespeeld.
- showAccessibilityControls (boolean) – Geeft aan of toegankelijkheidsbediening voor de video moet worden weergegeven.
- accessibilityText (string) – Stelt de toegankelijkheidstekst voor de video in.
Hotspots voor externe content
- type ("externalContent") – Geeft het type hotspotannotatie aan.
- icon (boolean) – Geeft aan of er een pictogram voor de hotspot voor externe content moet worden weergegeven.
- source (string) – De URL van de externe content waarnaar gelinkt moet worden.
- maxWidth (integer) – De maximale breedte van de externe content bij weergave.
- maxHeight (integer) – De maximale hoogte van de externe content bij weergave.
Waar de productgegevens vandaan komen
Producten worden via productfeeds in Publitas geladen. Lees het artikel Je productfeed instellen voor meer informatie over productfeeds.
Voorbeelden
De volgende annotatie maakt een dynamische product-hotspot (let op "dynamic": true) voor een product met de opgegeven SKU.
{ "type": "product", "icon": true, "dynamic": true, "sku": "WP06-29-Black" }
De volgende annotatie maakt een product-hotspot die via een specifiek gebied is gekoppeld aan een product met de opgegeven SKU.
{ "type": "product", "icon": "true", "dynamic": "false", "sku": "WP06-29-Black" }
In dit voorbeeld worden meerdere SKU's vermeld, daarom toont de gemaakte dynamische product-hotspot het eerste product op de pagina en worden bij het klikken ook alle andere producten weergegeven.
{ "type": "product", "icon": "true", "dynamic": "true", "sku": ["MSH05-32-Blue", "WT03-S-Red"] }
Opmerking: Alle producten uit de array met SKU's die in de feed worden gevonden, worden aan de hotspot toegevoegd in de volgorde waarin ze in de array staan. Als een product niet in de feed wordt gevonden, wordt het niet aan de hotspot toegevoegd. Als zelfs geen enkele SKU uit de array in de feed wordt gevonden, wordt de hotspot helemaal niet gemaakt.
De volgende annotatie maakt een afbeeldingshotspot die een GIF weergeeft:
{ "type": "image", "appearance": "embed", "source": "https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif"}