FB、IG嵌入網頁
【懶人包】FB、IG貼文嵌入網頁文章｜天矽科技網頁設計
目錄
1. 社群貼文嵌入文章
2. Facebook貼文嵌入
3. Instagram貼文嵌入
4. 貼文語法嵌入的地方
Facebook貼文嵌入
到貼文頁面，點擊右上角的三個點點，接著點選「嵌入」即可獲得程式碼。
我們可以在右上方選擇是否要顯示完整的貼文資訊，如果不勾選「包含完整貼文」這個選項，那麼貼文就不會顯示文字。
▲嵌入Facebook
如果貼文是影片也能嵌入網站中嗎？
答案是可以的！嵌入方式同樣是點選貼文右上方的三個點點、嵌入並獲得程式碼。
而影片的貼文，同樣也可以選擇是否要顯示完整的貼文資訊，不過與一般貼文不同的地方在於，影片可以選擇「開始嵌入的時間」，也就是你嵌入的影片會從幾分幾秒開始播放！
Instagram貼文嵌入
和FB一樣，到貼文頁面，點擊右上方的三個點點、點選內嵌並獲得程式碼。這裡也同樣可以選擇是否要勾選「包含解說」，也就是要不要顯示貼文資訊的意思。
可以嵌入影片的貼文嗎？
一樣是可以的！不過IG跟FB不同，IG的影片貼文嵌入方式跟一般貼文沒有不同，無法設定影片開始的時間！
▲IG嵌入貼文
▲IG嵌入貼文影片
貼文語法嵌入的地方
既然是嵌入語法，就必須要打開可以嵌入語法的地方，將程式碼貼進去才能顯示！
步驟如下：
打開文字編輯器→ 打開原始碼→ 貼上嵌入程式碼→ 成功
如果是用其他的部落格，像是痞客幫、隨意窩、Medium…等，在編輯器中也都會有開啟原始碼的按鈕，如果找不到，它有可能是以icon的圖示放在功能列表中(如下圖)。
如果對天矽科技的文字編輯器不了解，可以查看這一篇：【操作教學】文字編輯器基礎概念篇｜天矽科技網頁設計
延伸閱讀：
➤ Google Maps API 嵌入方式教學篇
➤ 【教學文章】Facebook messenger 如何嵌入網站呢？
➤ 網站嵌入YouTube影片無法播放？提供三大解決方案
