Facebook粉絲團直播投票程式懶人包

Facebook 最近很熱門的直播投票,無論是新聞媒體粉絲團(蘋果日報)或結合興趣類型平台 (卡提諾),在與粉絲之間的互動性與趣味性,其實都有蠻不錯的表現,除能透過投票針對時事來調查粉絲喜好或認同感,也可以套用在產品或消費者調查..等方式來使用這項工具

但不懂CSS或html語法,也想使用直播投票,要怎麼辦? 我整理共四個不同版型,大家可以按照以下的步驟,不需要工程師,就能自己建立Facebook粉絲團直播投票程式喔。
===========================

facebok1121-18

 

 

 

 

 

 

 

《step1》

下載你想要的版型(總計共四種): 解壓縮資料夾內,可直接套用版型,覆蓋 “background.png” 圖片即可更換底圖

*解壓縮後資料夾請直接放置於桌面即可,無須再將背景圖上傳到任何的網頁空間喔

  1. 全部版型下載
    facebook-1120

《step2》

下載 OBS 直播串流軟體

《step3》

開啟 OBS 軟體,並選擇來源

《step4》

選擇來源 “BrowserSource” 並建立新來源。

obs02 obs03

step5》

建立後跳出指定來源檔案對話框,勾選 “Local file”,按瀏覽選擇下載版型解壓縮後,資料夾內的 “index.html

注意: With及 Height 請設定 800*600 ,版型才能套用喔

obs04

《step6》

出現預覽畫面,此時請按”右鍵“,點選”變形“,選擇 “縮放到螢幕大小,不改變比例

obs05

OBS初步設定完成,請勿關閉畫面

obs06

《step7》

開始建立粉絲團直播影片(可於粉絲團影片庫找到)

facebok1121-4

facebok1121-5

《step8》

初步建立完成,請將”伺服器網址“及”串流金鑰” 複製。

重要: 請勿關閉此視窗

《step9》

返回OBS軟體畫面,點選右下 “設定

選擇串流分類,串流類型選擇 “自訂串流伺服器“,將 step8 步驟內的”伺服器網址 (URL)“及”串流金鑰” 貼上,按下確定。

《step10》

完成後跳回主畫面,點選 “開始串流“,點選後出現”連線中”

obs09

《step11》

出現 “停止串流” 表示設定成功

obs10

《step12》

返回Facebook直播查看是否串流成功,如有出現畫面,點選”開始直播

facebok1121-7

《step14》

新增 “App Token”,前往Facebook 開發人員平台,使用個人Facebok登入

facebok1121-12

《step15》

登入後右上方選擇 “我的應用程式”,顯示下拉點選”新增應用程式”

facebok1121-13

《step16》

輸入應用程式名稱及相關資訊,新增成功跳到程式基本資料頁面

facebok1121-14

《step17》複製App Token (請先記下來 step18會一起用到)

facebok1121-15

《step18》

此時尚未出現心情票數,需將直播影片ID,更新至資料夾內的 “index.html
-搜尋 “ACCESS_TOKEN_HERE
,單引號內填入”App Token

搜尋 “POST_ID_HERE“,單引號內填入”影片ID” 。
修改完成後存檔即可

facebok1121-16
*直播影片ID如何看: 請選擇影片旁的新增”分鐘”數

facebok1121-10

 

 

*另開視窗後,查看網址最後一串號碼即是影片ID

facebok1121-11

《step19》

返回OBS軟體,按下”停止串流“,並 選擇”BrowserSource”來源,按下確定,即自動更新剛加入影片ID的”index.html

facebok1121-9

《step20》

完成後,按下”開始串流“,即設定完成。

=====================

有了版型要如何實際運用在粉絲團呢?
1.搭配商品喜好調查 : 可了解粉絲對商品類型喜好或用於新品上市 ex: 新口味選擇。

2.針對事件調查來做運用: 搭配時事或大眾關注的事情進行意見投票。

3.搭配答題方式: 請粉絲回答問題,選擇各表情符號代表不同的答案。

PS: 一開始使用Windows系統測試OBS串Facebook直播一直沒辦法連線,不曉得是不是相容性問題,無法串流成功,請朋友協助使用Mac後終於成功 XD

最後希望大家都能順利完成第一次的Facebook 直播投票囉 !

====================
最原始Html設定檔案及串流方式出處為 「TeSA 臺灣電子商務創業聯誼」文章,台灣首發!不會程式設計也能做臉書直播投票,文章內有更詳細說明 Facebok直播投票程式的原理,想知道的朋友可至文章內查看喔!

立即回應

You may also like

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *