Verfügbar in Enterprise
EARLY ACCESS: Wenn du diese Funktion nutzen möchtest und den Enterprise-Plan nutzt, kannst du dich gerne an deinen Customer Success Manager wenden, der diese für dich aktivieren kann.
---
Nutze PDF-Anmerkungen, um die Erstellung von Produktinhalten in Publitas zu automatisieren, da annotationsbasiertes Hotspot-Tagging es dir ermöglicht, Produkt-, Bild- und Video-Hotspots in der Publikation mit spezifischen Anweisungen für die Position (basierend auf Anmerkungsgröße und -position) und die Hotspot-Konfiguration automatisch zu erstellen, sobald das PDF hochgeladen wird, entweder manuell oder über die API.
So verwendest du Anmerkungen
Es gibt zwei Möglichkeiten, wie du Anmerkungen hinzufügen kannst. Wenn du mit InDesign arbeitest:
- Gestalte ein PDF in InDesign ganz nach deinen Vorstellungen.
- Verwende das Rechteckrahmen-Werkzeug, um Links zu erstellen, und füge den Anmerkungswert als URL-Wert des Rechteckrahmen-Links hinzu.
- Exportiere die PDF-Datei und lade sie in Publitas hoch.
Alternativ, wenn du bereits eine PDF-Datei hast
- Füge im PDF Anmerkungen in exakter Größe hinzu, die beschreiben, wo Hotspots platziert werden sollen;
- Lade dieses PDF in Publitas hoch.
Unabhängig davon, ob das PDF manuell in der Publitas App oder über die API hochgeladen wird, enthält die erstellte Publikation nun alle Hotspots, die durch die Anmerkungen im PDF beschrieben werden.
Inhalt der Anmerkungen
Anmerkungen werden im JSON-Format geschrieben, mit einigen wichtigen Werten, die unten für jeden unterstützten Hotspot-Typ aufgeführt sind.
Produkt-Hotspots
type("product") – Gibt den Typ der Hotspot-Anmerkung an.icon(boolean) – Ob ein Symbol für den Produkt-Hotspot angezeigt werden soll.sku(string | array) – Die SKU des Produkts, auf das verlinkt werden soll; kann auch ein Array von SKUs für mehrere Produkte sein.dynamic(boolean) – Gibt an, ob der Produkt-Hotspot dynamisch ist.
Bild-Hotspots
type("image") – Gibt den Typ der Hotspot-Anmerkung an.icon(boolean) – Gibt an, ob ein Symbol für den Bild-Hotspot angezeigt werden soll.source(string) – Die URL des Bildes, das angezeigt werden soll.appearance("embed" | "interactive_embed" | "hotspot") – Das Erscheinungsbild des Bild-Hotspots.altText(boolean) – Ob Alt-Text für das Bild eingefügt werden soll.altTextValue(string) – Der Alt-Text-Wert für das Bild.fillMode("crop" | "stretch") – Der Füllmodus für das Bild.
Video-Hotspots
type("video") – Gibt den Typ der Hotspot-Anmerkung an.icon(boolean) – Gibt an, ob ein Symbol für den Video-Hotspot angezeigt werden soll.source(string) – Die URL des Videos, das eingebettet werden soll. Wenn die Quelle ein YouTube- oder Vimeo-Link ist, wird sie entsprechend eingebettet. Andernfalls wird das Video als direkter Videodatei-Link behandelt und heruntergeladen.appearance("embed" | "animatedContent" | "hotspot") – Das Erscheinungsbild des Video-Hotspots.showThumbnail(boolean) – Gibt an, ob ein Vorschaubild für das Video angezeigt werden soll.autoplay(boolean) – Gibt an, ob das Video bei der Anzeige automatisch abgespielt werden soll (nur Vimeo).loop(boolean) – Gibt an, ob das Video nach dem Ende in Schleife abgespielt werden soll.showAccessibilityControls(boolean) – Gibt an, ob Bedienungshilfen für das Video angezeigt werden sollen.accessibilityText(string) – Legt den Barrierefreiheitstext für das Video fest.
Hotspots für externe Inhalte
type("externalContent") – Gibt den Typ der Hotspot-Anmerkung an.icon(boolean) – Gibt an, ob ein Symbol für den Hotspot für externe Inhalte angezeigt werden soll.source(string) – Die URL des externen Inhalts, auf den verlinkt werden soll.maxWidth(integer) – Die maximale Breite des externen Inhalts bei der Anzeige.maxHeight(integer) – Die maximale Höhe des externen Inhalts bei der Anzeige.
Woher kommen die Produktdaten
Produkte werden über Produkt-Feeds in Publitas geladen. Um mehr über Produkt-Feeds zu erfahren, lies bitte den Artikel Deinen Produkt-Feed einrichten.
Beispiele
Die folgende Anmerkung erstellt einen dynamischen Produkt-Hotspot (beachte "dynamic": true) für ein Produkt mit der angegebenen SKU.
{ "type": "product", "icon": true, "dynamic": true, "sku": "WP06-29-Black" }
Die folgende Anmerkung erstellt einen Produkt-Hotspot, der über einen bestimmten Bereich mit einem Produkt mit der angegebenen SKU verknüpft ist.
{ "type": "product", "icon": "true", "dynamic": "false", "sku": "WP06-29-Black" }
In diesem Beispiel sind mehrere SKUs aufgeführt, daher zeigt der erstellte dynamische Produkt-Hotspot das erste Produkt auf der Seite an und listet beim Klicken auch alle anderen Produkte auf.
{ "type": "product", "icon": "true", "dynamic": "true", "sku": ["MSH05-32-Blue", "WT03-S-Red"] }
Hinweis: Alle Produkte aus dem Array von SKUs, die im Feed gefunden werden, werden dem Hotspot in der Reihenfolge hinzugefügt, in der sie im Array aufgeführt sind. Wenn ein Produkt nicht im Feed gefunden wird, wird es dem Hotspot nicht hinzugefügt. Wenn nicht einmal eine einzige SKU aus dem Array im Feed gefunden wird, wird der Hotspot überhaupt nicht erstellt.
Die folgende Anmerkung erstellt einen Bild-Hotspot, der ein GIF anzeigt:
{ "type": "image", "appearance": "embed", "source": "https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif"}