How to embed a Google Drive shared folder to blogger or website?

Here you will learn how to display drive shared folders on your website or blogger or wordpress or any webpage. Think of a scenario where you wish to display large number of files those are dynamically updated and let users to download or share them inline. One way of achieving this is by giving a shareable link like



https://drive.google.com/open?id=0BwhjVbB5GFrMUFdPFWRIcGZPREE

where the user clicks to, opens a new tab or window to display a traditional drive explorer interface. Now drive lets users to embed its explorer like interface to your web pages.  To embed, you need a shared folder id (in red), which you will obtain from Google Drive after you share folder (get link).

List View


1
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>


Grid View

1
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>


Comments

  1. Hello,
    Another possible way to integrate Google Sites and Google Drive is MetaDrive.

    This tool allows you to display a Google Drive Folder inside Google Site Pages with extra functionalites, such as Advanced Search, Filters, Metadata, Views, etc..

    http://metadriveweb.com/

    ReplyDelete

Post a Comment

Do not spam.