This blog site is not meant to be any information that is distributed to the general public. It is to serve as shared documentation between the DNSTC developers; however, if you find something useful and would like to use it, go right ahead.

Friday, February 26, 2016

Embed a Google Drive folder on your website

If you want to create a folder of documents on your Google Drive, then share them on your “non-Google” website, you can accomplish this easy using and iframe.

Here is what you do:

  1. Setup a folder in Google Drive, and share it publically – Read only (i.e. Can View)
  2. Get the shared link for the folder and copy down the ID of the folder.
  3. User the code below to add the iframe to your website.   You will have to change the YOURID to the ID of your folder.   This will display the file listing as a list…
     <iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#list" width="700" height="500" frameborder="0"></iframe>  
    
  4. If you want to display the file listing as a gride…
     <iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#grid" width="700" height="500" frameborder="0"></iframe>  
    

You need to double check to make sure that your folder is set to public shared, read only.   That is it!

No comments:

Post a Comment