天矽科技 line

天矽部落格最新的網路趨勢資訊

網站設計趨勢

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

部落格:【懶人包】FB、IG貼文嵌入網頁文章|天矽科技網頁設計

 

在FB跟IG做了美美的圖片,還有好多粉絲按讚,好想將貼文放到文章中給大家看!很簡單,要將FB或IG的貼文嵌入網頁的文章中非常簡單,只要會複製貼上就能做到!

目錄

1. 社群貼文嵌入文章
2. Facebook貼文嵌入
3. Instagram貼文嵌入
4. 貼文語法嵌入的地方

 

 

 Facebook 與 Instagram 是大多數人都擁有的社群軟體,很多企業廠商也喜歡在這些社群軟體上發文分享產品或日常。有時候在寫部落格文章時,會想要將某篇人氣高的貼文,或是使用者推薦業配貼文放到文章中,如此方式不僅可以宣傳粉絲專頁,也能讓文章多些活躍感!

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

 

 

 到貼文頁面,點擊右上角的三個點點,接著點選「嵌入」即可獲得程式碼。

 我們可以在右上方選擇是否要顯示完整的貼文資訊,如果不勾選「包含完整貼文」這個選項,那麼貼文就不會顯示文字。

FB嵌入文章

FB嵌入文章


▲嵌入Facebook

 

 如果貼文是影片也能嵌入網站中嗎?
 答案是可以的!嵌入方式同樣是點選貼文右上方的三個點點、嵌入並獲得程式碼。

 而影片的貼文,同樣也可以選擇是否要顯示完整的貼文資訊,不過與一般貼文不同的地方在於,影片可以選擇「開始嵌入的時間」,也就是你嵌入的影片會從幾分幾秒開始播放

FB嵌入影片

嵌入FB影片


▲嵌入FB影片

 

 

 和FB一樣,到貼文頁面,點擊右上方的三個點點、點選內嵌並獲得程式碼。這裡也同樣可以選擇是否要勾選「包含解說」,也就是要不要顯示貼文資訊的意思。

 可以嵌入影片的貼文嗎?
 一樣是可以的!不過IG跟FB不同,IG的影片貼文嵌入方式跟一般貼文沒有不同,無法設定影片開始的時間

IG嵌入文章

 

▲IG嵌入貼文

 

▲IG嵌入貼文影片

 

 

 既然是嵌入語法,就必須要打開可以嵌入語法的地方,將程式碼貼進去才能顯示!

 步驟如下
 打開文字編輯器→ 打開原始碼→ 貼上嵌入程式碼→ 成功

上傳到編輯器

切回編輯器

 

 如果是用其他的部落格,像是痞客幫、隨意窩、Medium…等,在編輯器中也都會有開啟原始碼的按鈕,如果找不到,它有可能是以icon的圖示放在功能列表中(如下圖)。

 

嵌入樣式

 

 如果對天矽科技的文字編輯器不了解,可以查看這一篇:【操作教學】文字編輯器基礎概念篇|天矽科技網頁設計

 

延伸閱讀:
Google Maps API 嵌入方式教學篇
【教學文章】Facebook messenger 如何嵌入網站呢?
網站嵌入YouTube影片無法播放?提供三大解決方案

 

回上一頁
信箱
客服
Line@