如何將 Google 表格數據發佈到 WordPress 網站

已發表: 2021-11-04

雖然電子表格曾經是會計師和其他以數字為中心的職業的領域,但現代世界卻不同。 現在,有很多用於電子表格的應用程序(或 20 個),您甚至可以找到在它們上運行的整個企業。 Microsoft Excel 是一個典型的標準,但 Google 表格提供的體驗可以說是更好。 此外,通過使用插件,您還可以將 Google 表格數據發佈到您的 WordPress 網站。

這意味著您無需額外工作即可獲取並發布您擁有的信息。 您只需要兩個插件和幾分鐘。 一旦兩者都到位,您就可以在您的內容旁邊顯示看起來原生且流暢的 Google 表格數據。

在這篇文章中,我們將向您展示如何將 Google 表格數據發佈到您的 WordPress 網站。 但是,在此之前,我們將討論您想要這樣做的原因,以及手動方法的外觀。

為什麼要將 Google 表格數據發佈到您的網站

當然,首先使用 Google 表格有很多好處。 它是基於雲的,因此可以在任何地方訪問。 有許多熟悉的特性和功能,特別是如果您是 Microsoft Excel 的小白手。 此外,您還可以利用 Google Apps 腳本來增強電子表格的功能,幾乎可以將它們變成成熟的應用程序。

The Google AppSheet app.

但是,將 Google 表格與 WordPress 結合使用也有很多很好的理由。 如果您傾向於在帖子和頁面中使用表格,則尤其如此:

  • 雖然表格塊可以滿足您的基本需求,但電子表格可以讓您獨立於您的站點定制設計和佈局。
  • 您不必在 WordPress 中重新創建電子表格中的數據 - 您可以在幾秒鐘內將其嵌入並轉移到其他任務中。
  • Google 表格非常適合大型數據集,並且將成為 WordPress 表格的受歡迎替代品。

您還可以移動到使用 Google 表格更新 WordPress 表格的位置。 如果您在電子表格中有常青數據,這將是非常寶貴的。

如何使用手動方法發布 Google 表格數據(分兩步)

如果您想在沒有插件或任何其他工具的情況下發布 Google 表格數據,該過程很簡單。 事實上,有兩個步驟可以做到這一點。 讓我們看看他們。

1. 將您的 Google 表格發佈到網絡上

第一項任務是確保您的 Google 表格可見。 您可以通過 Google 表格中的“文件”>“發佈到網絡”選項來執行此操作:

The Publish to the web option.

這將彈出一個對話框,其中包含各種選項:

The Embed dialog.

出於我們的目的,我們可以忽略其中的大多數。 相反,單擊嵌入選項卡,它將要求您選擇一個工作簿。 完成此操作後,單擊發布按鈕:

The Publish button.

這將向您展示一段代碼,在您進入 WordPress 之前您需要復制這些代碼。

2. 將 Google Sheet 代碼粘貼到 WordPress 中

在 WordPress 中,選擇您要在其上顯示工作表的帖子或頁面。 輸入佔位符是個好主意,這樣您就可以在代碼編輯器中找到它:

A placeholder in the WordPress Block Editor.

接下來,查看右側邊欄中的“選項”菜單。 這將為您提供查看和編輯頁面代碼的機會:

The WordPress sidebar showing the Code editor.

在這裡,查找您之前的佔位符,然後將其替換為您的 Google 表格嵌入代碼:

Pasting code into the Code editor.

完成此操作後,退出代碼編輯器,您將看到嵌入到內容中的 Google 表格:

The Google Sheets data within the Block Editor.

如果您查看網站的前端,您會看到嵌入本身的準確表示:

The front end of the site, showing the Google Sheets data.

這帶來了一些我們接下來可以討論的問題,關於為什麼您可能不想選擇手動方法。

為什麼手動方法不是發布 Google 表格數據的最佳方式

因此,將 Google 表格數據發佈到您的網站的手動方法很容易實現,但確實存在一些主要缺點。 對於其他平台,這可能不是問題。 但是,對於 WordPress 等動態、自適應和現代的內容管理系統 (CMS),站點將需要更多。

例如:

  • 您必須依靠 iFrame 片段來嵌入您的 Google 表格。 如果這對您來說是一個新術語,那麼了解技術細節並不重要。 但是,要知道這相當於試圖將打印的照片插入剪貼簿的兩個段落之間。 你可以讓它適合,但它不會是一個原生的選擇。
  • 一旦將 iFrame 添加到您的站點,就無法更改它的內容。 事實上,您可以自定義外觀,但您需要一些編碼知識才能做到這一點。 如果你沒有這個技能,你的財富已經用完了。
  • 您正在將 Google 表格“硬編碼”到您的網站中。 這在某些情況下可能會導致問題,更典型的方法是以動態方式填充數據。

所有這三點都有技術上的弱點,這值得再次說明。 雖然手動方法允許您將 Google 表格數據發佈到您的網站,但幾乎無法更改演示文稿或使用該表格。 它是其他動態站點中的靜態元素。 相反,您將希望轉向類似的動態解決方案。

Google Drive Embedder 可以為您和您的網站做些什麼

如果您需要敲釘子,請不要選擇螺絲刀。 Google Drive Embedder 插件是解決問題的最佳工具。

The Google Drive Embedder plugin.

該插件可讓您鏈接到您的 Google Drive 帳戶,並使用其中的文檔。 顧名思義,您不僅可以發布 Google 表格數據,還可以在 Google 雲端硬盤中嵌入幾乎任何文檔。

您將電子表格嵌入為內聯文檔,並使用交互式查看器顯示它們。 根據您的設置,您還可以製作可編輯的 Google 表格。 這提高了交互性,使您的訪客體驗成為雙向街道。

更重要的是,還有一個高級版的 Google Drive Embedder。 這使您可以瀏覽驅動器中的其他選項卡,例如已加星標和共享的文檔。 您還可以嵌入文件夾、日曆等。

當然,購買後一年也有全面支持和插件更新。 以 19 美元的單站點許可證價格,您將獲得巨大的價值和功能。 實際上,接下來讓我們向您展示該插件可以做什麼。

如何使用 Google Drive Embedder 插件將 Google 表格數據發佈到 WordPress 網站(分 3 個步驟)

您當前的網站和顯示您的 Google 表格的網站之間存在三個關鍵步驟。 雖然您的首要任務是確保您擁有適合該工作的插件,但您可以從那裡使用電子表格並將它們嵌入到 WordPress 中。

讓我們從插件安裝過程開始。

1. 安裝並激活 Google Apps Login Plugin 和 Google Drive Embedder Plugin

如果您想使用 Google Drive Embedder 插件,您還需要 Google Apps Login 插件。 這使所有用戶在登錄站點時都可以從安全身份驗證中受益。

The Google Apps Login plugin.

您還可以更快地發布 Google 表格數據,因為您無需經歷第二個登錄階段。 這是一個必需的插件,所以讓我們向您展示如何安裝它。

首先,前往 WordPress 中的插件 > 添加新屏幕:

The WordPress Add new Plugins screen.

從這裡,使用搜索欄找到 Google Apps Login 插件。 當它出現時,單擊立即安裝

The Google Apps Login plugin in WordPress.

片刻之後,按鈕將變為激活。 您應該單擊此按鈕以完成安裝過程。 從這裡,導航到設置 > Google Apps 登錄屏幕:

The Google Apps Login setup screen.

您在這裡的工作是將您的 WordPress 網站鏈接到您的 Google Drive 帳戶。 我們在我們的文檔中完整地介紹了這一點,因此我們將讓您在開始安裝第二個插件之前完成此操作。

Google Drive Embedder 插件的過程與 Google Apps Login 相同。 更好的是,您無需為此插件執行任何更多設置步驟,因為它已準備就緒!

但是,如果您升級到高級版,在設置 > Google Drive Embedder頁面上會有一些額外的選項。 對於本文,您將能夠使用免費版本實現一切。

2. 為 WordPress 準備 Google 表格

當然,您需要確保訪問者可以看到您的 Google 表格。 這意味著您需要在 Google 文檔本身中設置正確的查看選項。 為此,請打開您的 Google 表格,然後單擊屏幕頂部的綠色共享按鈕:

The Share button.

這將打開一個對話框屏幕,您將在其中選擇與您共享工作表的人員以及他們擁有的權限:

The viewing permissions within Google.

因為這將是一個公共嵌入,所以您不需要指定任何其他特定的人來共享文檔。 但是,您將需要更改查看權限。 我們的建議是選擇“每個人都可以查看文檔”的等價物。 這可以保護它不被編輯,並讓每個人都有機會查看 Google 表格數據:

Choosing the right viewing permissions.

完成後,單擊完成,然後返回 WordPress。

3. 將 Google 表格嵌入 WordPress

此時,您需要將 Google 表格數據嵌入 WordPress。 為此,請打開您想要的帖子或頁面,並將新的Google Drive Embedder Block 添加到您的內容中:

The Google File Embedder Block.

從這裡,查看右側邊欄中的選項。 您將看到選擇 Google 文件的選項:

The Select Google File option.

這可能會要求您驗證與 Google 服務的連接:

The Google trust screen.

但是,您可以單擊此處的肯定。 完成後,屏幕將顯示一個對話框屏幕,您可以在其中選擇 Google 表格。 請注意,這裡還會有其他 Google 文檔:

The Google Drive Embedder dialog.

從這裡,您將能夠從三個單選按鈕選項中選擇嵌入樣式。 出於您的目的,您需要選擇Embed document ,然後選擇正確的尺寸:

The Embed document radio button.

作為參考,查看文件鏈接選項允許訪問者在新的瀏覽器窗口中打開文檔。 下載文件鏈接選項允許您讓用戶下載相關文件。

如果您有要分發和顯示的文檔,這很好,儘管在某些情況下您仍需要謹慎行事。 這就是為什麼我們建議您將查看權限設置為查看,而不是編輯

即便如此,您在使用 Google Drive Embedder 時仍有一整套選項可供選擇,而高級版提供了更多功能。 如果您是 Google Drive 文檔的重度用戶,並且不僅希望顯示 Google 表格,還希望顯示 Docs、Slides 等,那麼高級升級是物超所值的。

總之

如果您是 Google 表格的轉換者,您就會知道基於雲的平台有多麼強大。 更重要的是,您應該已經知道 WordPress 可以做什麼。 如果您有可以從網站上的某個位置受益的電子表格,您可以通過幾個步驟完成這項工作。

但是,如果您使用 Google Drive Embedder 插件,您可以縮短在 WordPress 中發布 Google 表格數據所需的時間,並利用許多其他好處。 插件設置並就位後,您就可以處理數據,就好像它是您網站的原生方面一樣。 更重要的是,嵌入也是靈活且響應迅速的。

憑藉每年僅 19 美元的單站點許可證,您就有機會將 Google 表格數據發佈到 WordPress。 更重要的是,我們提供 14 天退款保證 - 不問任何問題!