如何在不使用 API 的情況下將 Instagram 照片添加到您的網站

您過去可能遇到過一個包含 Instagram 帖子塊的網站，通常位於其主頁底部。 例如，這家位於英國的攝影網站的主頁底部有一個欄，上面平鋪著一堆 Instagram 照片。 如果您直接訪問他們的 Instagram feed，您可以看到這是他們最新的帖子，排列在網格中。 每當他們發布新內容時，新照片也會出現在他們的網站上。

這是將 Instagram 與以視覺為中心的網站集成的一種非常酷的方式。 您展示了您最近的帖子，並且您有現成的 Instagram 帳戶鏈接供任何人點擊探索。

這種設置很有吸引力，可以很好地將網站訪問者推薦到您的 Instagram 頁面。 然而，它的設置實際上比您想像的要復雜。

Instagram API

現在，您可能會對我說“為什麼不只使用可用的插件之一呢？” 一般來說，答案是“繼續吧”。 有很多插件可以為您提供這些提要顯示選項，我將在本文末尾討論它們。

問題就在這裡。 這些插件中的每一個都需要使用 Instagram API 來訪問內容並提取官方嵌入的數據。 如果您不使用 API，則需要抓取頁面，而抓取頁面通常違反 Instagram 等網站的使用條款。 畢竟，他們不想與內容竊賊之類的人打交道。

這並不是說它不會發生。 我相信您已經見過幾十個除了抓取 Instagram 之外什麼都不做的網站中的一些。 像 Picdeer、Pictame 和 Piknow 這樣的網站背後都有一段有趣的歷史，所以讓我暫時離題一下。

幾年前，Instagram 只是一個移動平台。 除了直接使用 Instagram 應用程序之外，無法通過任何其他方式訪問它。 這意味著桌面平台無法使用該網站，並且在很大程度上限制了業務訪問。

由於許多人希望無需使用移動設備或移動應用程序即可訪問 Instagram feed，因此這些網站如雨後春筍般湧現。 他們所做的只是抓取 Instagram 帖子並公開展示。

最終，Instagram 使他們的網絡對桌面可見，儘管您可以採取的某些形式的操作仍然受到限制。 例如，您目前無法從桌面上發帖。

這些網站都沒有得到官方支持，也沒有使用 Instagram API。 他們所做的只是使用自定義應用程序抓取內容。 現在，Instagram 不喜歡這些，公開他們的平台有助於打擊它們。 許多人一夜之間就死了，但有些仍然存在，就像上面提到的那樣，增加了一些額外的功能。 他們可能有不同類型的內容搜索，或者瀏覽和發現新內容的方式，或者可能只是顯示內容的獨特方式。 關鍵是，他們被迫提供增值服務，而不僅僅是抓取內容來顯示。

這一切基本上只是為了說明一點。 雖然從技術上講，抓取行為可能違反了 Instagram 的服務條款，但他們並沒有真正對這樣做的網站進行大量起訴或採取其他行動。 由於我在下面為您提供的一些選項涉及此類手動抓取，因此您可以明白為什麼它可能是一個問題。

不過，回到最初的問題。 為什麼不只使用這些插件之一呢？ 好吧，Instagram API 是個善變的情婦。 事實上，就在 2018 年 12 月，Instagram 對其 API 進行了重大更改，並棄用了舊版本。 看到本頁頂部的重要免責聲明/警告了嗎？ 這就是使用 API 的品牌收到的所有警告。

現在，您找到的用於顯示 Instagram feed 的插件依賴於 Instagram API 或抓取。 如果 Instagram 對抓取工具採取行動，這些插件就會消失。 如果 Instagram 大幅改變他們的 API，那些插件就會消失。 無論哪種方式，您都依賴第三方來讓他們的代碼適應 Instagram 所做的任何更改，這可能是不可靠的。

稍後我仍然會列出一些插件，因為它們已經證明它們能夠保持最新狀態，並且即使在 Instagram 發生變化時它們也能正常工作。 但是，請記住，另一種解決方案可能適合您。

這些插件可能存在問題的另一個原因是它們是否需要您的API 訪問權限而不是它們自己的 API 訪問權限。 有些人使用您的 API 訪問權限來繞過速率限制； 他們通過每個人的 API 訪問來獲取內容，而不是通過可能會不堪重負的集中式訪問來獲取內容。 這裡的問題是，如果您的 API 訪問權限因某種原因被撤銷，您將無法繼續使用這些插件。

如果您仍然有興趣在您的網站上顯示 Instagram 內容（您應該有興趣，它非常有用且非常酷），那麼以下是您的選擇。

選擇一：假裝

您的第一個選擇是通過大量的手動工作來偽造它。 這並不困難，但可能很耗時，如果您想保持 Instagram 帳戶和網站“嵌入”之間的平衡，則必須這樣做。 我在這裡將嵌入放在恐嚇引號中，因為從技術上講它們甚至不是嵌入。

那麼這個方法是如何運作的呢？ 好吧，您可能會使用數碼相機拍攝照片並在計算機上對其進行編輯，然後將其上傳到移動設備以發佈到 Instagram 上。 在編輯它們時，製作兩份副本。 一份副本將照常上傳到 Instagram。 另一個副本將上傳到您的虛擬主機上。

當您將內容髮佈到 Instagram 時，您將創建一個 Instagram 帖子。 其中包含您的標題、永久鏈接以及與其相關的其他信息。 製作並發布該帖子。

現在轉到您的網站並在您想要放置 Instagram 內容的位置創建一個網格。 將您的照片上傳到您的網絡主機並將其嵌入網格的單元格之一。 將永久鏈接複製到 Instagram 帖子，並將照片設為鏈接。 如果您想要使用懸停腳本來顯示圖像標題的內容，則需要更多編碼，但您也可以復制並粘貼標題。

此選項有兩個主要缺點。 首先，這需要時間，而且您需要記住對 Instagram 上發布的每張圖片都執行此操作。 如果您忘記將圖像上傳到您的網站，將所有圖像向下移動到網格中，並將新圖像添加到第一個位置，您的提要最終會看起來不同。

第二個主要缺點是它會佔用您的託管空間。 使用 Instagram API 訪問或抓取的好處是圖像仍然託管在 Facebook CDN 上，這意味著它們可以快速加載，而無需佔用您自己的服務器資源。 這個假嵌入選項沒有這個好處。

選項 2：手動嵌入

您的第二個可能的選擇是使用 Instagram 的一些自定義代碼和手動嵌入。 每個 Instagram 帖子都可以選擇嵌入它。 單擊帖子，然後單擊標題右上角的三個點，選項之一是嵌入。 這會復制一些冗長的代碼，並使用 Instagram API。 這裡的主要好處是，儘管使用了 API，但它是 Instagram 的核心功能，不太可能改變。 當 Instagram 更改 API 時，他們會確保自己的服務不受影響。

當您將帖子嵌入到自己的網站上時，它通常會以全尺寸顯示並帶有帖子的標題，但如果您願意，您可以告訴它不包含標題。 這顯然對於多個圖像的小網格來說並不理想。 為了以這種方式顯示它，您將需要使用一些自定義代碼來縮小和定位圖像。

這基本上是一種手動的、跳過的方法，以繞過使用第三方插件的方式創建網格。 它託管 Instagram 上的每個帖子，但它需要自定義代碼，而且這是一個糟糕的解決方案。 每次要添加新帖子時，您仍然需要手動將帖子向下移動到網格中，並且仍然需要手動獲取每個帖子的嵌入代碼。 另外，在同一個位置添加許多嵌入可能會顯著增加加載時間。 總的來說，這並不是最好的選擇。

選項 3：使用第三方抓取工具

正如我之前提到的，Instagram 並不一定那麼難以抓取。 您可以使用第三方抓取服務向您提供數據，然後您可以按照您選擇的任何方式對其進行格式化並嵌入到您的網站中。

例如，Feedity 就是這樣一種第三方抓取服務。 這允許您在其自定義抓取界面中加載網頁，並選擇您希望其查找並在發生變化時抓取的數據片段。 在本例中，Feedity 專門將該數據格式化為 RSS 提要。

然後，您可以使用該 RSS 源將內容嵌入到您的頁面上。 根據您的網站設計，您可以通過幾種不同的方式來完成此操作。 本教程介紹當您的網站使用 WordPress 架構時，獲取 RSS 源並在您的網站上嵌入內容和圖像。 同時，本教程使用簡單的 HTML 和 PHP 編碼來為更傳統的網站設計做同樣的事情。

由於某些原因，此選項不太理想。 首先，它需要為您的網站進行大量的自定義編碼。 如果您沒有自己編碼的經驗，則需要聘請開發人員，這可能會很昂貴。

此外，您依賴第三方服務為您進行抓取，並且您依賴它在 Instagram 上工作——這很棘手——並且您依賴 Instagram 不改變其網站設計來阻止這些確切類型的抓取嘗試。 事實上，Instagram 不喜歡抓取者，雖然他們並沒有真正單獨追捕抓取者，但確實讓抓取者的日子不好過。

選項 4：創建自定義抓取器

當然，設置抓取並不是那麼困難。 由於存在不同的抓取解決方案，抓取似乎很困難，但他們都試圖“一刀切”來將其服務作為一項業務來銷售。 如果您只想自己抓取一些東西，那麼您的代碼可能會簡單得多。 然後，您可以簡單地創建一些代碼來每天抓取一次 Instagram 或其他內容，以您喜歡的任何方式格式化數據，並設置您自己的自定義嵌入。

與其他一些選項一樣，這需要大量的個人編碼或開發人員時間，這並不理想。 如果您喜歡編碼，您可以自己編寫，但如果您不是粉絲，則需要向開發人員付費。 你還必須應對 Instagram 改變其網站並使其更難抓取的情況，這種情況每隔幾個月就會定期發生。 如果你願意麵對這個問題，那就去吧。 否則，請考慮其他選擇。

選項 5：使用插件

我知道我之前已經解釋過為什麼你不應該使用插件的原因，但你仍然可以考慮它。 有些插件擅長跟上變化，不需要 API 即可運行，而且設置起來很簡單。

考慮以下選擇：EmbedSocial、Juicer、SnapWidget 和 Elfsight。 這些選項都可以通過最少的設置準確地完成您想要的任務。 當然，它們有自己的優點和缺點，其中一些不是免費的，但這正是您需要研究的。