部落格行銷教學#26 | 製作 Facebook Messenger 插件

 
現有市場的人們都習慣使用 Facebook Messenger 作為溝通的通訊軟件，我們的部落格沒有理由不安插一個 Facebook Messenger，這樣可以大大提升你與讀者私下的互動

教學目錄 | 上一篇教學：製作部落格右手欄推薦文章

製作 Facebook Messenger 插件

影片解說

使用以下按鈕訂閱我們的 YouTube 頻道

#1 獲得你 Facebook 專頁名稱

1. 登入你的 Facebook 賬號，然後前往你的粉絲專頁
2. 你會看到網址欄位是 www.facebook/com/xxxx (xxxx 就是你的用戶名字了)
3. 將你專頁用戶名字複製並粘貼到 WordPad 備用

#2 Facebook Messenger 嵌入代碼

<h4 style="text-align: center;">使用 Facebook Messenger 留言給我</h4>

<center>

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fmatoglobal&tabs=messages&width=250&height=400&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true&appId=1001231266874751" width="250" height="400" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></center>

1. 複製以上嵌入代碼
2. 粘貼到 WordPad 備用

#3 修改代碼

更改標題

將紅色的字【使用 Facebook Messenger 留言給我】更改成你想要的標題，例如 FB聯絡，它將會顯示在插件的上方形成一個類似標題的存在

更改用戶名字

將紅色的字【matoglobal】更改成你的專頁名字，然後複製所有的代碼

#4 新增 HTML Gadget

1. 前往部落格後台點擊 Layout，在 Sidebar 點擊 Add Gadget
2. 彈出選項視窗後，查找 HTML/Javascript 的選項，然後點擊【+】號
3. 彈出的 Configure HTML/Javescript 裡粘貼你剛才複製的代碼，點擊 Save 儲存
4. 之後返回主頁查看效果，到這步驟你已經成功將 Facebook Messenger 插件成功安裝

小結

以上是我製作 Facebook Messnegr 插件的步驟，希望幫助到你

下一篇教學：製作 WhatsApp 懸浮按鈕