台灣首發!不會程式設計也能做臉書直播投票

作者介紹: 本文作者是麵包先生,過去曾任職於城邦集團,有新創、中小企業與千人以上公司的人資經驗,並曾在企管顧問業與百家上市櫃公司合作。 目前二次創業中,希望以新服務、技術提升職場有志者價值, 願成為更有能力付出的人。

這陣子經常看到 Facebook 上有人使用「直播投票」與網友互動,如下「我寧可死也不要投他們兩個!」,不過這到底是什麼技術?

其實方法沒有那麼難,即使你沒有程式設計底子也可以自己完成唷!順利的話15分鐘內就會串流成功,初學者也只要30分鐘左右(前提是沒有網路或其他技術性問題)。

本文將手把手帶您實踐此作法。

也感謝網美 張嘉玲 提供英文教學文,小弟也是照此方法實作出來。 在開始之前,先讓我們瞭解一下到底是怎麼辦到的、還有所需要準備的事情。 其實,Fb心情投票直播,主要是以Fb開放的API來抓某篇留言的心情數量,抓完之後更新到自己製作的網頁上,再將此網頁以Fb直播的機制發送出去, 故,我們要準備三件事:可以抓留言的權限、能夠統計更新數量的網頁、電腦Fb直播的機制。 我自己用到的工具是:Fb開發者帳號、OBS(這個軟體讓你可以在電腦上直播)、 Notepad++(PC用戶下載,簡單好用的程式碼編輯器) 、TextWrangler(Mac 用戶下載,簡單好用的程式碼編輯器) 而他們三者的關係如下圖。 知道了原理,我們開始動手實作吧!

Step1:讓我們先來準備工具吧!
請下載OBSNotepad++,並安裝好。
請下載此檔案,並解壓縮。

Step2:取得Fb Access Token(如果是要發個人,請用這篇中段文章作法)
(如下圖)
請至 Fb 開發者平台 註冊帳號。

(如下圖)
新增一個應用程式,再到此處查出該app的「Access Token」,並把它抄下來、晚點會用到。

Step3:準備「被」直播的網頁樣貌
(如下圖)
Notepad++打開剛剛解壓縮的資料夾中的「indes.html」。

(如下圖)

到「90行」改你想要放的Logo(改法請問一下會做網站的朋友)
到「91行」改你想要直播的說明文字
到「105行」把「ACCESS_TOKEN_HERE」改成「Step1抄下來的密碼
到「106行」把「POST_ID_HERE」改成「step5的文章編號」 然後存擋。

Step3:取得直播的金鑰 
(如下圖)
請至此處點選「在 Facebook 進行現場直播」 ,再次感謝兔頭大大),抓到你要直播的「URL」、「串流金鑰」,請抄下來。
其他文章內容、標題請自行填寫。 但千萬先不要關閉此視窗!

注意,這邊還有兩個常見的錯誤:瀏覽器禁止跳出視窗(請開啟)、粉絲團權限是企業管理帳號(請選不是的)

Step4:直播step2的網頁
打開OBS軟體,至「設定=>串流」,將類型選成「自訂串流伺服器」,並將step3的抄下來的資料填入,按確定。

(如下圖)
在中間下方的「來源」,選擇增加一個「BrowserSource」,名稱看個人喜好沒關係。

(如下圖)
勾選「Local file」,並選擇剛剛我們修改的「index.html」,最後點選確認。

(如下圖)
在將我們輸入的畫面上點選右鍵,選擇「變形=>縮放到全螢幕」。

(如下圖)
按下「開始串流」,我們再回去原視窗就會發現有畫面了!!!

Step5:撈取大家的心情投票
(如下圖)
當你完成所有直播設定,就可以開放直播了。

(如下圖)
將「直播文章」的分鐘數這邊的連結「新開頁面」,會查出該「文章的編號」(也就是網址最後面那一串),複寫Step2的「index.html」第106行「POST_ID_HERE」,存擋。

(如下圖)
最後至OBS點選「來源」,重新按一次確認。 就大功告成囉!

接下來,就可以翹腳看開票囉。 邀請大家有成功的話,來此處留言分享成功喜悅

★ 延伸閱讀:Google AdWords關鍵字廣告教學,看這一篇就懂怎麼投放!(下)

★ 本文特色圖片來源:TeSA製

★ 責任編輯:老李

歡迎加入TeSA的LINE@帳號,共同關注電商、創業領域的最新資訊!

歡迎關注TeSA的LINE@帳號

好友人數

相關文章