How to embed a Google Drive folder in a website

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:
0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2

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

Related Posts:

  1. How do I embed a Vimeo video in HTML?
  2. How to Embed HTML files directly into WordPress
  3. Embed tag length issues
  4. How to allow YouTube object embed in WordPress 3+?
  5. Unable to autoplay and loop a cinemagraph from Imgur
  6. Configuration Options for embedded YouTube Videos
  7. How to make a monopoly board using css grid?
  8. Redirect from an HTML page
  9. How to horizontally center an element
  10. Android WebView err_unknown_url_scheme
  11. What is the main difference of
    and
  12. Why does z-index not work?
  13. Is it possible to write data to file using only JavaScript?
  14. Image is not showing in browser?
  15. Is it possible to write data to file using only JavaScript?
  16. Is “ ” a replacement of ” “?
  17. HTML Button : Navigate to Other Page – Different Approaches
  18. Which is better: or
  19. Adding attribute in jQuery
  20. Is element block level or inline level?
  21. XPath //div[contains(text(), ‘string’)] fails to select divs containing ‘string’
  22. Two divs side by side – Fluid display
  23. Proper way to make HTML nested list?
  24. FontAwesome icons are not showing, Why?
  25. Remove border from IFrame
  26. CSS horizontal scroll
  27. mailto using javascript
  28. Mailto using Javascript?
  29. Can I set subject/content of email using mailto:?
  30. How do I set a background-color for the width of text, not the width of the entire element, using CSS?
  31. text-overflow: ellipsis not working
  32. How to save user input into a variable in HTML and JavaScript
  33. Why is there an unexplainable gap between these inline-block div elements?
  34. How to make JavaScript execute after page load?
  35. How to align content of a div to the bottom
  36. How to draw a dotted line with css?
  37. Function not defined javascript
  38. Navigate to an anchor on another page
  39. What is gZip compression?
  40. How to stick text to the bottom of the page?
  41. How to make blinking/flashing text with CSS 3
  42. Why doesn’t height: 100% work to expand divs to the screen height?
  43. How can I position my div at the bottom of its container?
  44. Java Embedding Into HTML
  45. Why doesn’t height: 100% work to expand divs to the screen height?
  46. How can I position my div at the bottom of its container?
  47. AppendChild() is not a function javascript
  48. How to overlay one div over another div
  49. How can I change an element’s class with JavaScript?
  50. difference between iframe, embed and object elements
  51. Input Type URL – Says “Please enter a URL” if HTTP is not included
  52. Place input box at the center of div
  53. Can HTML checkboxes be set to readonly?
  54. Best HTML5 markup for sidebar
  55. HTML table needs spacing between columns, not rows
  56. Is it possible to put CSS @media rules inline?
  57. Make padding responsive
  58. Vertically align text next to an image?
  59. HTML not loading CSS file
  60. How can I center my ul li list in css?
  61. YouTube: How to present embed video with sound muted
  62. CSS !important not working
  63. how to download image from any web page in java
  64. Playing Sound In Hidden Tag
  65. Why is vertical-align: middle not working on my span or div?
  66. ow to change the style of the title attribute inside an anchor tag?
  67. Flex align-items: center not centering items
  68. How can I align text directly beneath an image?
  69. HTML vs SHTML vs PHTML
  70. Change background color of iframe issue
  71. jQuery find element by data attribute value
  72. WordPress footer menu floating with height of footer
  73. Keep HTML format when switching from Visual to HTML editor
  74. Get entire page content (generated HTML in browser)
  75. Can I force WordPress to use instead of ?
  76. Will my WordPress site become vulnerable to Cross-Site Scripting (XSS) if I allow img tags in the comments area?
  77. Add HTML to single post tag
  78. WordPress “Page not found error” when I edit a page
  79. How do I put a wordpress blog into my html site?
  80. New to CMS – WP functionality. overkill or just right?
  81. how add custom tag/tool in classic editor?
  82. Allow HTML in Settings API input field
  83. Create custom markup to use in posts?
  84. Widget Text Needs to be White [closed]
  85. Adding HTML to posts with certain tags?
  86. Adding to the WYSIWYG
  87. Redirect WP 404 to html
  88. How to remove auto generated markup? [closed]
  89. Is there a common structure for a wordpress formular?
  90. a generated wordpress page from a form that is inputted by user [closed]
  91. creates an unnecessary space in content?
  92. WordPress is replacing code with   when I add to posts
  93. Echo outside HTML
  94. Add html plugin into wordpress
  95. allow html characters on eshop data entry boxes
  96. Query WordPress Database and Post HTML Table
  97. theme or plugin or server is outputting html before the init hook fires, how is it possible to prevent this
  98. How to Know If I’ve Correctly Inserted Alt Attributes Into HTML
  99. WordPress HTML editor panel is not showing HTML elements
  100. How to hide unwanted HTML Comment like in website [duplicate]

Leave a Comment