Come incorporare nel blog file PDF, DOC, DOCX, PPT e PPTX.

Recentemente mi è stata spedita una email in cui mi si chiedeva come fare per implementare nel sito un documento PDF di molte pagine con relativo link di esempio. Mi sono subito reso conto che si trattava di un PDF caricato su Google Drive, ex Google Documenti ma la implementazione di file caricati sul web con questo servizio non è poi così banale come possa sembrare visto che bisogna avere almeno un paio di accortezze.

Ho pensato quindi di pubblicare un articolo su questo tema con la presunzione che possa interessare alcuni miei lettori. Diciamo subito che da qualche giorno Google Drive ha cessato il supporto per i vecchi formati di Office quali DOC e PPT. Questo comporta che non è più possibile salvare un file in quei formati ma questo non significa che non si possano ancora caricare e condividere nel blog.

Ho testato l'incorporazione dei documenti in formato DOC, DOCX, PDF, PPT e PPTX ma questo non esclude che non possano essere implementati anche file creati con software open source come per esempio Libre Office. Si accede con il nostro account su Google Drive e si clicca sulla icona per fare l'upload dei documenti, si sceglie File e si seleziona il documento nel nostro computer

Si aprirà una finestra popup in cui dovremo togliere le flag alle opzioni di conversione nei formati di Google Drive. E' invece consigliabile lasciare la spunta a Conferma impostazioni prima di ogni caricamento da utilizzare se si vogliono modificare i file che si sono caricati

In basso a destra si vedrà il procedere dell'upload e, quando quest'ultimo sarà completato, il nuovo documento andrà a far parte dell'elenco dei nostri file. Ci si clicca sopra per aprirlo quindi si va in alto a destra su Condividi per modificare le impostazioni della privacy

Nella finestra popup successiva si va su Cambia quindi si mette la spunta a Pubblica sul web 

Si clicca su Salva per rendere il file visibile a chiunque. Finalmente si va sulla colonna di sinistra su File > Incorpora link e si copia il codice che viene mostrato nella finestra popup

Il codice è quello di un IFrame e se ne possono modificare le dimensioni operando su width e height per renderle compatibili con il nostro layout. Tale codice si può copiare in un post o in una pagina statica in modalità HTML. Come esempio ecco il PDF della mia Guida all'HTML

Nella parte alta della finestra si possono notare i numeri delle pagine, gli strumenti di navigazione e di zoom mentre se si clicca sulla icona più a destra si può aprire il documento originale su Google Drive. Per centrarlo nel post si può aggiungere al codice <div align="center"> all'inizio e </div> alla fine. L'esempio ha riguardato un file PDF ma la procedura è la stessa anche con tutti gli altri formati.