---
# System prepended metadata

title: Facebook串接手冊
tags: [手冊]

---

## 操作步驟
1. [建立應用程式](#建立應用程式)
2. [填寫應用程式基本資料](#填寫應用程式基本資料)
3. [新增產品(串接)](#新增產品(串接))
4. [將串接資料填寫回後台](#將串接資料填寫回後台)

## 開始操作

### 建立應用程式
1. 登入 matrixec.service@gmail.com FB
2. 前往應用程式頁面 [https://developers.facebook.com/apps/](https://developers.facebook.com/apps/)
3.  點擊新增應用程式 
    ![1700623889658](https://hackmd.io/_uploads/H1gGnxj46.jpg)
4.  按照圖片步驟新增應用程式
    ![1](https://hackmd.io/_uploads/HJgRV3ejNa.jpg)
    
    ![2](https://hackmd.io/_uploads/H1REnljVa.jpg)
    
    ![3](https://hackmd.io/_uploads/Sk0N3eiN6.jpg)
    
    ![4](https://hackmd.io/_uploads/HJ0EnloE6.jpg)
    
    *應用程式建立完成*！

### 填寫應用程式基本資料
1. 按照圖片指示填寫資料

    ![5](https://hackmd.io/_uploads/SkRNngsEp.jpg)
    
2. 上傳商家LOGO

    
3. 新增平台

    ![6](https://hackmd.io/_uploads/r1AE3xsE6.jpg)
    同一頁捲動到最下方
    
    ![7](https://hackmd.io/_uploads/SJ0N3gi4T.jpg)
    
    ![8](https://hackmd.io/_uploads/SyA42xsVp.jpg)
    *填寫商家首頁網址*
    
### 新增產品(串接)
根據商家串接需求新增對應產品，主要以 [Facebook登入](#Facebook登入) 及 [IG牆](#IG牆) 為主
#### Facebook登入
1. 找到Facebook登入，點擊設定
    ![9](https://hackmd.io/_uploads/HJ042xoEa.jpg)
    
3. 商家重新導向URI，商家首頁網址/fb_auth_api.php
    例如：https://b1.luckybaby.tw/fb_auth_api.php
    
3. 按照圖片完成設置
    ![10](https://hackmd.io/_uploads/rJRVngoEa.jpg)
    
4. 取得權限
    ![11](https://hackmd.io/_uploads/H1AN3eiV6.jpg)


#### IG牆

### 將串接資料填寫回後台
#### Facebook登入
1. 前往商家後台 **客戶互動 / 外掛社群模組 / 臉書粉絲團**
2. 按照圖片將對應的資訊填入後台
    ![12](https://hackmd.io/_uploads/Hkiq1WsVT.jpg)
    
    ![13](https://hackmd.io/_uploads/Hyi91Zs4T.jpg)

#### IG牆




#### Google登入串接
[Google串接教學xmind檔案](https://drive.google.com/file/d/1CE8EbBtWdm4WI9tvp6fh0pnQuMbFKypD/view?usp=sharing)
    
    
    
    
    

