1.
聊聊如何自建 Facebook {廣告} 服務 with API
twMVC#33
◼ 阿砮 Cheng-Ju Wu
◼ C#, ASP.NET MVC, WebAPI

2.
{廣告}服務開發前，需要的前置技能點…有點多
2
Facebook
App
App
權限
Access
Tokens
Graph
API
Marketing
API
Pages
API
App
角色權限
粉絲專頁
廣告結構
APIs
SDKs
廣告帳號
BM 企業
管理平台
BM 權限
Facebook
Pixel

3.
http://mvc.tw
◼ 如何入門
◼ 存取權杖
◼ 何謂 Facebook 廣告
◼ 雷
綱要
3

4.
4
如何入門

5.
http://mvc.tw
◼ 文件
◼ 開發者帳號
◼ 開發流程
◼ 建立 App
◼ 小技巧
如何入門
5

6.
http://mvc.tw
開始
6前往 https://developers.facebook.com 查看

7.
http://mvc.tw
文件
7前往 https://developers.facebook.com/docs 查看

8.
http://mvc.tw
開發流程
8
建立 App
建立測試使
用者與粉專
在測試 App
進行開發
錄影送審 上線

9.
http://mvc.tw
建立應用程式
9

10.
http://mvc.tw
應用程式添加 Facebook 產品
10

11.
http://mvc.tw
應用程式添加 Facebook 產品
11

12.
http://mvc.tw
應用程式開發模式 & 上線模式
Development Mode
◼ 自動獲准取得所有登入權限、功能與產品。
◼ 只讓對 App 具有角色的 User 使用。
◼ 只讓對 App 具有角色的 User 授予權限。
◼ 只讓對 App 具有角色的 User，存取 User、
粉專或社團資料，或只能存取測試 User 和測
試粉專。
◼ 在應用程式中心隱藏
Live Mode
◼ 可讓任何具有存取權限的 User 安裝和使用。
◼ 可針對安裝 App 並授予必要權限的任何 User，
存取其資料。
◼ 無法獲得未經核准的任何登入權限，也無法存
取任何未經核准的功能或產品。
12

13.
http://mvc.tw
應用程式加入角色與區分權限
13

14.
http://mvc.tw
應用程式加入角色與區分權限
14

15.
小技巧#1 如何切開發環境?
15

16.
http://mvc.tw
應用程式網域只能用相同 Root Domain
16
開發流程中若有區分
本機、QA、Staging、Production 環境
無法在此設定不同網域
需要填寫有效的 Url

17.
http://mvc.tw
作法：建立測試應用程式
17

18.
http://mvc.tw
測試應用程式
18
◼ 擁有不同的 App ID (設定在專案的 Config)
◼ 正式 App 最多可建立 50 個
◼ 繼承正式 App 角色與權限 (可再自行調整)
◼ 可設定另外一個域名
◼ 一直保持為開發模式

19.
小技巧#2 如何使用測試使用者?
19

20.
http://mvc.tw
測試使用者
20

21.
小技巧#3 如何建立測試粉絲專頁?
21

22.
http://mvc.tw
建立測試粉絲專頁
22

23.
http://mvc.tw
測試粉絲專頁
23
◼ 編輯測試使用者
◼ 變更測試使用者賦予 App 權限
◼ 加入 manage_pages 權限
◼ 取得此測試使用者的 Access token (記得保存)
◼ 複製測試使用者的 User ID

24.
http://mvc.tw
喘口氣…
24
蜂蜜檸檬水

25.
25
存取權杖 Access Tokens

26.
http://mvc.tw
◼ 類型
◼ 用戶存取權杖
◼ 應用程式存取權杖
◼ 粉絲專頁存取權杖
◼ 小技巧
存取權杖
26

27.
http://mvc.tw
存取權杖類型
27前往 https://developers.facebook.com/docs/facebook-login/access-tokens 查看

28.
http://mvc.tw
用戶存取權杖 User Access Tokens
28前往 https://developers.facebook.com/docs/facebook-login/access-tokens 查看

29.
http://mvc.tw
如何產生長期用戶存取權杖
29前往 https://developers.facebook.com/docs/facebook-login/access-tokens/refreshing 查看
效期：2 小時 → 60 天
1. Short User Token
2. App ID + App Secret
3. Server to Facebook

30.
http://mvc.tw
應用程式存取權杖 App Access Tokens
30前往 https://developers.facebook.com/docs/facebook-login/access-tokens 查看

31.
http://mvc.tw
粉專權杖 Pages Access Tokens
31前往 https://developers.facebook.com/docs/facebook-login/access-tokens 查看

32.
小技巧#4 如何快速測試與除錯?
32

33.
http://mvc.tw
推薦工具 Graph API Explorer
33前往 https://developers.facebook.com/tools/explorer 查看

34.
34
Facebook APIs & SDKs

35.
http://mvc.tw
Facebook APIs & SDKs
35前往 https://developers.facebook.com/docs/apis-and-sdks 查看

36.
http://mvc.tw
Facebook C# SDK
36前往 https://github.com/facebook-csharp-sdk/facebook-csharp-sdk 查看

37.
http://mvc.tw
結果
37
只好純手工 Call API 了…

38.
http://mvc.tw
API 限速
須留意之處：
◼ 開發模式中的 App，限速每小
時、每頁面與應用程式配對為
200 次呼叫。
38前往 https://developers.facebook.com/docs/graph-api/changelog/version3.0 查看
前往 https://developers.facebook.com/docs/graph-api/advanced/rate-limiting 查看

39.
http://mvc.tw
再休息一下…
39

40.
40
何謂 Facebook 廣告

41.
http://mvc.tw
◼ 廣告結構
◼ Marketing API
◼ 實作
◼ 小技巧
Facebook 廣告
41

42.
http://mvc.tw
何謂 Facebook 廣告
42
Facebook 廣告產品
經由不同的版位、樣式以及投放邏輯，
結合受眾選擇工具，所呈現出的廣告。

43.
http://mvc.tw
Facebook 廣告的三層結構
43
流量
25 ~ 35 歲，女性
美妝、保養、服飾
35 ~ 45 歲，女性
美食、烹飪
單圖格式
文案 1 / 素材 1
單圖格式
文案 2 / 素材 2
輪播格式
文案 3 / 素材 3
輪播格式
文案 4 / 素材 4
第一層
行銷活動
第二層
廣告組合
第三層
廣告

44.
http://mvc.tw
Facebook 廣告的三層結構
44
第三層：廣告第二層：廣告組合第一層：行銷活動
Campaign Ad Set Ad
以 ID 相連 以 ID 相連

45.
http://mvc.tw
Facebook 廣告
45

46.
http://mvc.tw
Facebook 廣告管理員
46

47.
http://mvc.tw
1. Facebook 的政策 API First
2. API 能完成 UI 能做到甚至還做不到的事情
3. 規模化、自動化、程式化取得報表
Marketing API 的使用原因與誘因
47

48.
http://mvc.tw
如何開始用 Marketing API
48
開發人員帳號Facebook App廣告帳號
個人或企業
擁有的帳號皆可
App 介面設定
新增產品：行銷 App
留意規範
請使用實名制帳號
前往 https://developers.facebook.com/docs/marketing-apis 查看

49.
http://mvc.tw
◼ 廣告帳號管理員： 管理員可以建立、編輯和查看廣告，也
可檢視報告、編輯付款方式及控制管理員權限。
◼ 廣告帳號廣告主： 廣告主可以建立、編輯和查看廣告，也
可以檢視報告。
◼ 廣告帳號分析師： 分析師可以查看廣告和檢視報告。
廣告帳號
49

50.
http://mvc.tw
如何開始用 Marketing API
50前往 https://developers.facebook.com/docs/marketing-api/reference 查看

51.
http://mvc.tw
建立行銷活動 Ad Campaign
51前往 https://developers.facebook.com/docs/marketing-api/reference/ad-campaign-group#Creating 查看

52.
http://mvc.tw
建立廣告組合 Ad Set
52

53.
http://mvc.tw
建立廣告素材 Ad Creative
53

54.
http://mvc.tw
整合 API 後的使用場景
54

55.
http://mvc.tw
整合 API 後的使用場景
55

56.
http://mvc.tw
整合 API 後的使用場景 – 行銷活動
56

57.
http://mvc.tw
整合 API 後的使用場景 – 廣告組合
57

58.
http://mvc.tw
整合 API 後的使用場景 – 廣告素材
58

59.
http://mvc.tw
再休息一下…
59

60.
60
雷

61.
http://mvc.tw
想像不到的
61

62.
http://mvc.tw
想像不到的文件
62

63.
http://mvc.tw
想像不到的版本更新
63前往 https://developers.facebook.com/docs/graph-api/changelog 查看

64.
http://mvc.tw
想像不到的時好時壞 API (自癒能力?)
64
追查後是 Content-Type 忽然不支援 JSON

65.
http://mvc.tw
想不到的每日異常!?
65前往 https://developers.facebook.com/support/bugs 查看

66.
http://mvc.tw
異常回報
66前往 https://developers.facebook.com/support/bugs 查看

67.
http://mvc.tw
異常回報
67前往 https://www.facebook.com/platformbugupdates 查看

68.
68
總結

69.
http://mvc.tw
總結
69
Facebook
App
Access
Tokens
Facebook
廣告
{ }

70.
http://mvc.tw
謝謝
70

71.
http://mvc.tw
Blog 是記錄知識的最佳平台
71

72.
http://mvc.tw
感謝 Jetbrains 贊助贈品
72
https://www.jetbrains.com/resharper/

73.
http://mvc.tw
業界師資、實戰教學
73
http://skilltree.my

74.
謝謝各位
• 本投影片所包含的商標與文字皆屬原著作者所有。
• 本投影片使用的圖片皆從網路搜尋。
• 本著作係採用姓名標示-非商業性-相同方式分享 3.0 台灣授權。閱讀本授權條款，請到
http://creativecommons.org/licenses/by-nc-sa/3.0/tw/，或寫信至Creative Commons, 444 Castro
Street, Suite 900, Mountain View, California, 94041, USA.
h t t p : / / m v c . t w