PDF-Dateien einbetten

Um auf einer Jimdo-Seite eine Vorschau für ein pdf-Dokument zu generieren, muss man auf der Jimdo-Seite einen sog. PDF-Viewer integrieren. Über den Google-Viewer kann man so eine Vorschau in einem iframe-Widget (auf der eigenen Seite) anlegen, oder als Verknüpfung (extern)

 

PDF-Dateien über Google-View einbetten / verlinken

 

Um den Google-Viewer für pdf-Dateien benutzen zu können, ist ein kostenloses Google-Konto erforderlich. Wer eines hat, kann seine Dokumente über den kostenlosen Dienst "Google Docs" bzw. "Google Drive" bei Google hochladen, und sie auf der jimdo-Seite über den Google-Viewer sichtbar machen.

 

Howtodo:

  1. Öffne Google Drive auf https://drive.google.com/drive/#my-drive (Anmeldung erforderlich!)
  2. Rechtsklick auf "Meine Ablage" (oder Unterordner) und Datei hochladen
  3. Datei öffnen und Klick auf "Datei freigeben" (in der Menüleiste neben "Drucken")
  4. Klick auf "Link zum Freigeben abrufen" (Freigabe aktivieren) > Auswahl: mehr
  5. Linkfreigabe auf "öffentlich" einstellen und speichern (Jeder darf Datei finden und ansehen) 

Den angegebenen Link kopieren und im Browser aufrufen:

  • https://drive.google.com/open?id=0B4Qv0FFm-nX_VDRNdHZvSnp5WEE

...und wie folgt abändern:

  • https://drive.google.com/file/d/0B4Qv0FFm-nX_VDRNdHZvSnp5WEE/view

 

 

Diesen Pfad können wir jetzt zum Verlinken auf den Google-Viewer verwenden

  • mit /view in einem neuen Fenster

oder etwas verändert

  • mit /preview im gleichen Fenster in einem iframe einbetten

 

Pdf-Vorschau mit externem Link

Dokument öffnet in neuem Fenster/Browsertab

 

Beispiel:

 

https://drive.google.com/file/d/0B4Qv0FFm-nX_VDRNdHZvSnp5WEE/view

 

Eingebettete Google PDF-Vorschau

...hier als iframe-Code in ein Textfeld eingesetzt (html-Modus)

 

Beispiel:

 

<iframe src="https://drive.google.com/file/d/0B4Qv0FFm-nX_VDRNdHZvSnp5WEE/preview" width="100%" height="500" frameborder="0" scrolling="no"></iframe>

 

 

...hier die Datei zum Download:

Download
Hallo Welt.pdf
Adobe Acrobat Dokument 16.8 KB

ISSUU-Publikation einbetten

(embed-Code von Issuu in html/widget-Element)

Beispiel:

Wie man einen Google-Kalender auf einer Jimdo-Seite einbettet. Die Publikation ist bei ISSUU unter http://issuu.com/andreaszeike/docs/jimdo-tutorial_google_kalender_einb zu finden.