2019年1月9日

如何運用 FB 社團外掛進行推廣﹍網頁版 + 電子郵件

如何運用 FB 社團外掛進行推廣﹍網頁版 + 電子郵件

Wayne Fu 0 A+
fb-group-plugin-web-email.jpg-如何運用 FB 社團外掛進行推廣﹍網頁版 + 電子郵件FB 粉絲團到達一定規模後,成立 FB 社團有很多好處,可讓(相同興趣的)粉絲交流共同關注的主題,話語權不再是單一來源。

萬事起頭難,無論是粉絲團或社團,初期如何增加粉絲數、或成員,都是會傷透腦筋的一件事。

本篇會說明如何利用 FB 官方提供的社團外掛工具,在自己網站增加曝光,以及使用 Email 進行推廣的方法。

(圖片出處: pixabay.com)


一、建立 FB 應用程式


安裝社團外掛之前,需要先建立過 FB 應用程式。如果還沒做過這個動作的話,請先按照這篇教學:


只需做完「二、申請流程」即可,不用記錄 APP ID。



二、取得 FB 社團外掛安裝碼


可參考官網文件有詳細的說明:


進入網頁後,往下捲到「2.產生外掛程式的程式碼」這裡:

fb-group-plugin-web-email-1.jpg-如何運用 FB 社團外掛進行推廣﹍網頁版 + 電子郵件

請參照上圖修改──

  • 社團的網址:換成自己的網址
  • 外掛的像素寬度:最多可到 500px
  • 包含社交元素:勾選後可顯示使用者加入社團的朋友數
  • 加上中繼資料:勾選後可顯示社團簡介
  • 完成設定後,按紅框處「取得程式碼」


fb-group-plugin-web-email-2.jpg-如何運用 FB 社團外掛進行推廣﹍網頁版 + 電子郵件

  • 上方紅框處請選擇 FB 應用程式
  • 下紅框所有的程式碼全部複製起來



三、擺放位置


將前面複製的程式碼,貼在網頁中想要顯示的位置即可。

為了得到比較好的曝光效果,建議有兩種擺放位置──


1. 放在文末

以 Blogger 為例,請到後台「主題」→「編輯 HTML」,游標點進範本區塊,按 Ctrl-F 搜尋 <data:post.body/> 這個字串,找到後在此字串的下一行,插入以下程式碼(應該會有 2 個搜尋結果,分別是網頁版、行動版, 可以 2 個都放):

<!--文末插入 FB 社團-->
<b:if cond='data:blog.pageType == "item"'>
這裡插入 FB 社團安裝碼
</b:if

  • 將紅色字串改為前面複製的的官方社團外掛安裝碼,然後儲存即可。
  • 放再文末的話,寬度設定為 500 會比較適合


2. 放在側邊欄

以 Blogger 為例,請到後台 → 版面配置 → 新增小工具 → 選擇「HTML/JavaScript」→ 填入標題,直接貼上官方社團外掛安裝碼即可。

請根據自己側邊欄的寬度,修改外掛的寬度參數,通常會是 300 左右的數字。

另外可參考「讓 FB 粉絲團專頁在側邊欄浮動顯示」,讓這個區塊在側邊欄浮動,增加曝光效果。



四、Email 版本


官方還提供了可放在 Email 中的 HTML 語法版本,請先進入 FB 社團網址──

fb-group-plugin-web-email-3.jpg-如何運用 FB 社團外掛進行推廣﹍網頁版 + 電子郵件

參照上圖 A~B

  • A. 點擊右邊側邊欄「嵌入邀請函」按鈕
  • B. 複製此處所有 HTML 碼即可


如果要在 Gmail 中貼 HTML,需要藉助 Chrome 外掛才做得到,詳細作法請參考這篇:



更多 Facebook 相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP