Die gehostete Einbettung für Document Library Pro ist ein einzelnes, universelles Snippet, das auf nahezu jeder Website läuft. Solange deine Plattform dir eine Stelle bietet, an der du eine Einbettung oder ein Stück benutzerdefiniertes HTML einfügen kannst, kannst du deine Dokumentbibliothek dort anzeigen. Nutze diese Anleitung für alle Plattformen, die wir nicht separat behandelt haben, einschließlich anderer CMS, einfacher HTML-Websites, interner Intranets und individueller Eigenentwicklungen.
So funktioniert es: die Einbettung kombiniert ein normales <iframe> mit einem kleinen Hilfs- <script>. Das iframe wird ausnahmslos überall angezeigt. Auf Plattformen, die Skripte erlauben, passt der Helfer die Bibliothek an die Höhe an und bringt eine Dokumentvorschau direkt in die Seite. Auf Plattformen, die Skripte blockieren, funktioniert die Bibliothek weiterhin mit fester Höhe und öffnet Vorschauen stattdessen in einem neuen Tab.
Schritt 1: Kopiere deinen Einbettungscode
Öffne in deinem gehosteten Dashboard Publish Library , um deinen Einbettungscode zu finden, und kopiere ihn dann. Die meisten Websites haben eine einzige Bibliothek, und auf der Seite Bibliothek veröffentlichen befindet sich ihr Einbettungscode. (Wenn du mehr als eine Bibliothek erstellt hast, kopiere stattdessen den Code für die gewünschte Bibliothek aus dem Libraries Bildschirm.) Füge immer den exakten Code aus deinem eigenen Dashboard ein, nicht das Beispiel unten:
<iframe src="https://your-library.documentlibrary.app/?dlp_embed=1" title="Document library" style="width:100%;border:0;height:600px;" loading="lazy"></iframe> <script src="https://your-library.documentlibrary.app/?dlp_embed_resize=1" async></script>
Schritt 2: Finde heraus, wo deine Plattform HTML akzeptiert
Fast jede Plattform bietet irgendwo die Möglichkeit, benutzerdefiniertes HTML hinzuzufügen. Die Option, nach der du suchst, sieht meist so aus:
- Andere CMS (Drupal, Joomla, Ghost, HubSpot, Weebly und Ähnliches): Ein “Custom HTML”-, “Code”- oder “Embed”-Block oder -Modul.
- Statische HTML-Sites: füge das Snippet direkt an der Stelle in das HTML deiner Seite ein, an der die Bibliothek erscheinen soll.
- Private Intranets: ein Webpart oder Inhaltsblock, der Einbettungscode annimmt.
- Individuell entwickelte Sites (React, Vue, serverseitig gerendert usw.): füge das Snippet zu deiner Vorlage oder Seitenkomponente hinzu.
Schritt 3: Füge deinen Einbettungscode ein und veröffentliche
Nimm den Einbettungscode aus Schritt 1, füge ihn in diesen HTML- oder Einbettungsbereich ein und speichere oder veröffentliche dann die Seite. Öffne die Seite, um deine Dokumentbibliothek anzusehen. Besucher können darin suchen, Ergebnisse nach Kategorie eingrenzen und jedes Dokument in der Vorschau ansehen oder herunterladen.
Sieh dir das vollständige Tutorial an
Wenn die Bibliothek abgeschnitten wird
Einige Plattformen setzen Einbettungen in einen Container mit fester Größe. Wenn deine Bibliothek abgeschnitten erscheint oder in einem kleinen Rahmen scrollt, mache den Einbettungsbereich etwas höher und breiter als die Bibliothek, damit alles bequem hineinpasst.
Keine Website? Verwende eine eigenständige Bibliothek
Keine Website zum Einbetten? Jedes Konto enthält eine fertige Website für deine Bibliothek, unter deiner eigenen documentlibrary.app-Adresse oder einer eigenen Domain. Du kannst also einfach den Link teilen. Siehe deine Bibliothek veröffentlichen.