
You can embed a Google Drive folder on any website without using a plugin by following a few simple steps.
First, you need to create a shortcut to the folder you want to embed. This can be done by right-clicking on the folder and selecting 'Get link'.
The link you obtain from this step is a shareable link that can be used to access the folder. However, this link can be modified to create a shortcut that can be embedded on a website.
Related reading: Can a Website Be Uplaoded to Google Drive
Embedding Google Drive
To embed a Google Drive folder on your website, you'll need to get the public URL of the folder, which can be found by looking at the end of the URL - it's the 33-character id that makes each folder unique.
This id is what allows you to access the folder's contents, and it's essential for creating the embed code. Make sure the folder is set to be accessible to view, so check your folder permission within Google Drive.
You can then use an iframe to display the folder's contents on your website, but keep in mind that the files are still stored on Google Drive, and the embed code is just a way to display them.
Additional reading: Google Drive Error Accessing Folder Contents
Creating Shareable Links
To create a shareable link for your Google Drive folder, you need to get the public URL of the folder. This URL will look something like https://drive.google.com/#folders/unX9VBU8x9m66rJdZv, but don't worry about the actual link, just focus on the folder ID at the end.
The folder ID is a unique 33-character code that identifies your folder. You can find it at the end of the folder's URL, like this: https://drive.google.com/drive/folders/33characterlongidforfolderyouwishtoembed.
Make sure the folder is set to be accessible to view, as you can check the folder permission within Google Drive.
A fresh viewpoint: Google Drive Folder Id
Sources
- https://medium.com/@thesumitsingh/how-to-embed-google-drive-folder-files-with-1-line-of-code-e445af55d8fd
- https://thomas.vanhoutte.be/miniblog/embed-add-google-drive-folder-file-website/
- https://www.xelium.co.uk/2023/11/how-to-embed-google-drive-folders-on-to-your-website/
- https://pipelinedigital.co.uk/blog/google-workspace-updates/share-and-receive-files-on-shared-drives-with-non-google-accounts/
- https://teacherscollege.screenstepslive.com/a/1384967-create-a-shareable-link-to-a-folder-in-google-drive
Featured Images: pexels.com