如何將 Google 雲端硬碟的共享資料夾， 以 iframe 頁框方式嵌入部落格、網頁或是 1Know 平台中？



在 Google Sites 協作平台中，可以很輕易的將 Google 雲端硬碟上的資料夾嵌入編輯的頁面中，那麼，在部落格或是自行設計的網頁上，是否也能利用相同的方式進行 Google 雲端硬碟資料夾的共用呢？

加上 Google 雲端硬碟支援 Office 文件(Word、Excel、PowerPoint、PDF)、圖片檔(JPG、PNG、Gif、Adobe Illustrator、PSD)、聲音檔案(MP3、WAV)、影片(AVI、MP4、MPG)、壓縮檔案(ZIP、RAR、7Z)…等檔案類型的線上預覽，這樣就能讓使用者不需要將檔案下載下來，直接在線上瀏覽，也不用擔心使用者電腦沒有適合的軟體來開啟這些檔案內容！

在 Google 協作平台上有提供兩種資料夾呈現的檢視方式：清單與格狀檢視，在以下的 iframe 語法中，也可以做得到喔！

註：這個方法也適用於 1Know 的「嵌入」單元類型喔！









昨天有看到「bubble泡泡老師：嵌入google drive資料夾」的文章，泡泡老師有很詳細的介紹，大家也可以參考一下喔！

以下是詳細的使用步驟：

  1. 將 Google 雲端硬碟資料夾設為「公開在網路上」或「任何知道連結的使用者」







  2. 取得共享連結網址，最重要的就是 id= 後面那串很長的字串
    例如：https://drive.google.com/open?id=0Bw_XYRnXpsKGaDdCMERBNmFMUk0



  3. 將上述共用連結網址的 id= 後方的字串貼入以下 iframe 語法中的指定位置，就能將此語法加入一般的網頁或部落格中使用囉！

    註：以下語法主要來自「bubble泡泡老師：嵌入google drive資料夾」中提供的內容，再做一些補充！

    ．清單語法：#list
    ．格狀檢視語法：#grid
    ．頁框背景顏色是否透明 allowtransparency 語法：
    　false 不透明，白色背景，true 透明，顯示原網頁背景顏色
    ．頁框寬度語法 width：單位可以是百分比或是像素
    ．頁框高度語法 height：單位只能用像素

留言

張貼留言