Google Sites and Calendar and various other services have frames you can embed in other sites. In particular Google Groups has a particularly decent embed functionality.

Security issues aside, I would like to be able to embed drive folders on a page the same way as conversations from Groups. With groups, you can use simple HTML code from the Google service and just add it to your existing page. It would be a good thing to have a user-friendly without delving too deep into APIs.

Is there a way to use a similar embed code with a shared folder of Google Drive using either Google code or an embed from an outside service?

  • 1
    I suggest that you take a look at this question: webapps.stackexchange.com/questions/26407/… & read this article: arstechnica.com/business/2012/04/… - It seems that there is some sort of API support for websites, but I think it's still limited. – amiregelz Sep 1 '12 at 9:10
  • You can just turn your folder public and create a website out of it and the internal files – phwd Dec 19 '12 at 1:02
  • @phwd I have updated the question to emphasize that I am looking for an answer based on whether there is a similar embed code as there is with the other services; individuals leveraging the API seems unnecessary based on the various other services providing code for a similar feature – mfg Dec 19 '12 at 15:06
  • 1
    This should help: How to embed a Google Drive folder in a website – Mori Dec 19 '13 at 12:43
  • @RainLover since Google App policy may have changed since the last answer was accepted, you can post your answer here and I can accept that one – mfg Dec 19 '13 at 20:11

Google Drive folders can be embedded and displayed in list and grid views:

List view

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

Grid view

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

Q: What is a folder ID (FOLDER-ID) and how can I get it?

A: Go to Google Drive >> open the folder >> look at its URL in the address bar of your browser. For example:

Folder URL: https://drive.google.com/drive/folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2

Folder ID:

Caveat with folders requiring permission

This technique works best for folders with public access. Folders that are shared only with certain Google accounts will cause trouble when you embed them this way. At the time of this edit, a message "You need permission" appears, with some buttons to help you "Request access" or "Switch accounts" (or possibly sign-in to a Google account). The Javascript in these buttons doesn't work properly inside an IFRAME in Chrome.

Read more at https://productforums.google.com/forum/#!msg/drive/GpVgCobPL2Y/_Xt7sMc1WzoJ

| improve this answer | |

Google Drive does not provide HTML embed codes directly, and they actively block the ability to put a public folder listing in an <iframe> on your website (using X-Frame-Options: SAMEORIGIN).

I have been unable to find a third-party service that provides embedding functionality.

Your answer at this time appears to be No.

| improve this answer | |

I think you will find that the answer lies in the use of Google API service. I have been looking at the same thing and so far this is the answer.


You need to add the client library to your website and reference it in your webpages. You also need to add a security key to Google so that the system can authenticate the call from your site to your Google drive.

The same library's work for Tasks, Email, Calendar and so on.

| improve this answer | |

Here is how you can do it:

  1. Upload your PDF file.
  2. Then click your file in document list.
  3. A preview will be opened.
  4. You will see a blue button named Open (right-bottom side)
  5. Click that button. You will be transferred docs.google.com
  6. Here you will see the top-menu like File, Edit...
  7. Choose FileEmbed file. Then you can get an embed code.

Also, don't forget that your document’s sharing settings must be anyone with the link.

| improve this answer | |

I found one article that might help you out.

This article shows you how to embed a list of Google Docs in a Page on your Google Site. https://developers.google.com/apps-script/articles/embedding_docslist_in_sites. It requires a bit of scripting knowledge so it might be a little advanced depending on how comfortable you are.

This and this are questions on the SE Network concerning the script.

| improve this answer | |

One possible solution to integrate Google Sites and Google Drive is MetaDrive. http://www.evenbytes.com/metadrive.html

This tool allow users to display a Drive Folder, browse, search and some advance functionalities like custom metadata

I hope this help you.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.