If your team uses Google Drive, then you probably have folders of
files for everything. Wouldn't it be nice to designate a folder in your
Drive that houses the files listed on your web page? It's easy.
The Google Drive Embed
widget is used to target that folder on your Drive. Once done, when you
drop files into your Drive folder, they'll just appear on your website.
When you update a file, the same file is updated on your website... all
without even having to log in!
- Create a folder in Drive and load some files into it.
- Select 'Get shareable link' for this folder. This will give you a public URL that looks similar to this: https://drive.google.com/open?id=0BysuoErY3Zdn2eRkWEl5cnsTFU (that's just an example link of course).
- Go edit the page you wish to list the files on. Select the Google Drive Embed widget. Copy the URL into the "Google Folder ID" field of the widget. Remove the parts of that URL that are not needed. We only want to keep the unique ID part of the URL, and it's the part that follows the = sign. The widget will help you identify the folder ID. It will look something like this: 0BysuoErY3Zdn2e1kWEl5cnsTFU
- Click the "Create" button and be sure to Save/Publish your page.
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDERID#list" width="600" height="500" frameborder="0"></iframe>
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDERID#grid" width="600" height="500" frameborder="0"></iframe>
You can also adjust the width and height of your iFrame using pixels or percentages. The figures above are just suggestions. Finally, remember to check the permissions you have set on this folder to make sure it's publicly accessible. Otherwise, your site visitors could get an access denied message from Google Drive.
A detailed description on the Google Drive Embed widget