【懶人包】FB、IG貼文嵌入網頁文章｜天矽科技網頁設計

使用方法： 第1步 開啟 Facebook 網站，在任何一則公開的推文、粉絲專頁貼文…右上角的選單點一下，再按「嵌入貼文」。 第2步 開啟「嵌入這篇貼文」視窗後，我們可以在畫面中看到嵌入貼文的預覽畫面，要嵌入的話請將上方的程式碼全選後複製下來。

二、嵌入貼文 - Facebook 在 Facebook 上，選擇你想要嵌入的貼文，並點擊右上方「＆middot;＆middot;＆middot;」選單按鈕。 點擊選擇「嵌入」選項。

利用貼文分享，將網站流量有效導向社群軟體，不僅可以宣傳粉絲專頁，也能與粉絲交流互動，方便品牌的人性化經營。 那麼，店家要如何將 Instagram 貼文，嵌入自架網站呢? 其實很簡單的歐！ 只要獲取IG的嵌入程式碼，再貼到後台即可！

如何使用嵌入貼文 第1步 選擇你要嵌入的貼文，接著在他的右上角開啟選單→點擊「嵌入貼文」。 第2步 接著會出現一個畫面，上面會提供嵌入的程式碼，把它複製起來後就可以貼到你的網站或部落格上了。

很久以前寫過一篇〈Instagram Embedding 抓iframe高度及3種大小圖片〉，也有一個 August 另外經營的站就用裡面的方式來嵌入 IG 貼文。但那個站荒廢有點久了，前幾天回頭看了一下，發現怎麼嵌入的 IG 貼文沒出來？才震驚原來當時的方法已經被廢除了，現在有新的方法： 這篇是改用新方法的筆記文，會需要寫程式。 如果不想寫程式，單純想直接用 IG 原有的嵌入功能，可以直接用桌機打開 IG，點貼文右上的點點點，再點擊「內嵌」即可產生程式碼，像這樣： 在「letswrite.tw」查看更

本教學示範如何以 HTML 的 <iframe> 嵌入地圖、影片與社群貼文，包含語法重點、RWD 響應式比例、延遲載入與 sandbox 等安全性設定，協助打造高互動且效能良好的頁面。

那麼，要如何將FB或IG的貼文放到文章中呢？ 其實非常的簡單！ 只要獲取FB或IG的嵌入程式碼，再貼到撰寫文章的後台即可！ 不過要記得，貼文一定要是 公開的模式 才能被分享唷！ 不然其他人沒有辦法看到上鎖且隱私的貼文！