# ? V5看廣告賺錢H5平臺 — 項目功能詳解
## ?? 項目定位
這是一個 **"看廣告賺獎勵"** 類型的H5移動端平臺,采用前后端分離架構,包含用戶端(H5網(wǎng)頁/APP)、管理后臺(PC端)、API服務端三大模塊。核心商業(yè)模式為:**用戶通過看激勵視頻廣告、答題闖關、每日簽到等方式賺取金幣和現(xiàn)金,金幣可在商城兌換實物商品,現(xiàn)金可提現(xiàn)到支付寶。**
---
## 一、用戶端功能(`frontend/`)— 共10個頁面
### 1?? 首頁 (`Home.vue`)
- 全屏展示啟動頁/引導圖
- 作為應用入口頁面
### 2?? 短視頻刷視頻 (`Video.vue`) — 核心功能 ?
```
功能要點:
├── 仿抖音全屏豎屏滑動瀏覽(上滑下一個/下滑上一個)
├── 視頻自動播放/暫停切換
├── 側邊欄:點贊 + 分享(復制邀請鏈接)
├── 視頻看完后彈出"觀看完成"彈窗 → 引導點擊"觀看廣告領獎勵"
├── 點擊觀看廣告后:
│ ├── 調(diào)用 adService.showRewardedAd() 多聯(lián)盟路由
│ ├── 真實SDK廣告:穿山甲/騰訊/AdGo 輪詢加載
│ ├── 兜底模式:播放管理員上傳的MP4視頻(全屏沉浸式+倒計時關閉)
│ └── 最終降級:10秒倒計時模擬
├── 廣告看完發(fā)放獎勵:
│ ├── 默認 +15 金幣
│ └── 默認 +¥0.15 現(xiàn)金
└── 兜底視頻播放器特性:
├── 黑色全屏背景
├── 右上角關閉按鈕(前5秒不可關閉)
├── 底部進度條(漸變橙色)
├── 底部信息條:"廣告 | 更多精彩內(nèi)容"
└── 視頻結束自動關閉并發(fā)放獎勵
```
### 3?? 答題闖關 (`Answer.vue`)
```
功能要點:
├── 從后端動態(tài)加載題庫(默認20道題)
├── 每題4個選項(A/B/C/D),單選
├── 選擇后立即顯示對錯(綠色正確/紅色錯誤)
│ ├── ? 正確 → 彈出"觀看廣告領獎勵"按鈕
│ │ └── 看完廣告 → 獲得 +10金幣 + ¥0.1現(xiàn)金
│ └── ? 錯誤 → "再試一次"按鈕(可重答本題)
├── 實時計分顯示
├── 答完20題后循環(huán)重新開始
└── 同樣走 adService 多聯(lián)盟廣告路由
```
### 4?? 任務中心 (`Task.vue`) — 賺錢主入口 ?
```
功能要點:
├── 頂部資產(chǎn)卡片:實時顯示金幣余額 + 現(xiàn)金余額 + [提現(xiàn)]按鈕
│
├── ? 每日簽到模塊:
│ ├── 一鍵簽到按鈕(未簽到狀態(tài))/ "今日已簽到"(已完成)
│ ├── 7天連續(xù)簽到獎勵進度條(圓形徽章樣式)
│ ├── 獎勵梯度(后臺可配置):
│ │ Day1:10金 → Day2:20金 → Day3:30金 → Day4:50金
│ │ Day5:10金 → Day6:10金 → Day7:100金(大額)
│ └── 自動計算連續(xù)簽到天數(shù)
│
├── ? 觀看激勵視頻任務:
│ ├── 說明文字:"每天最多可做 10 次"
│ ├── 顯示獎勵預覽:+20金幣 + ¥0.20
│ ├── 點擊"立即參與" → 走完整廣告流程
│ └── 同樣支持多聯(lián)盟+兜底視頻+最終降級
│
└── ? 邀請好友任務:
├── 說明:"邀請好友注冊并完成任務"
├── 獎勵預覽:+50金幣 + ¥0.50
└── 點擊跳轉到邀請頁面
```
### 5?? 金幣商城 (`Mall.vue`)
```
功能要點:
├── 雙列網(wǎng)格商品列表(卡片式布局)
├── 每個商品卡片:
│ ├── 商品圖片(無圖時顯示默認占位圖)
│ ├── 商品名稱 + 描述(最多2行截斷)
│ ├── 價格(X金幣) + [立即兌換]按鈕
│ └── 余額不足時按鈕置灰不可點
├── 點擊商品 → 彈出詳情彈窗:
│ ├── 大圖展示
│ ├── 詳細描述
│ ├── 數(shù)量選擇器(+/- 按鈕)
│ ├── 總價自動計算(單價 × 數(shù)量)
│ └── [確認兌換]按鈕 → 創(chuàng)建訂單扣減金幣
├── 兌換成功提示
└── 金幣不足時的友好提示
```
### 6?? 個人中心 (`Profile.vue`) — 功能最豐富的頁面 ?
```
┌─────────────────────────────────────────────┐
│ 【用戶信息卡】 │
│ 頭像(可上傳) | 昵稱 | ID | 等級(普通用戶/工作室) │
│ │
│ 【資產(chǎn)卡片】 │
│ XXX 金幣 | ¥XX.XX 現(xiàn)金 | [提現(xiàn)] │
│ │
│ 【功能入口菜單】 │
│ ? 每日任務 → 跳轉 Task 頁面 │
│ ? 我的團隊 → 彈窗查看團隊數(shù)據(jù) │
│ ? 邀請好友 → 彈窗(邀請碼/鏈接/二維碼) │
│ ? 我的訂單 → 彈窗訂單列表 │
│ ? 收貨地址 → 彈窗地址CRUD管理 │
│ ? 玩法介紹 → 跳轉 Help 頁面 │
│ ? 用戶協(xié)議 → 跳轉 Agreement 頁面 │
│ ? 退出登錄 → 清除Token跳轉登錄頁 │
└─────────────────────────────────────────────┘
子功能詳情:
【提現(xiàn)系統(tǒng)】
├── 可選金額:¥3 / ¥5 / ¥10(后臺可配置)
├── 校驗余額是否足夠
├── 提交提現(xiàn)申請(等待審核)
└── 提現(xiàn)成功后余額自動扣減
【團隊系統(tǒng)】彈窗
├── 統(tǒng)計面板:團隊總人數(shù) / 總金幣 / 總現(xiàn)金
├── 一級團隊成員列表(頭像+昵稱+金幣+現(xiàn)金+注冊時間)
├── 二級團隊成員列表
└── 數(shù)據(jù)實時從后端拉取
【邀請好友】彈窗
├── 邀請碼(一鍵復制)
├── 邀請鏈接(一鍵復制)
├── 邀請二維碼(QRCode庫動態(tài)生成200×200)
└── 獎勵說明:
├── 一級好友完成任務:+50金幣 + ¥0.50
└── 二級好友完成任務:+25金幣 + ¥0.25
【收貨地址管理】
├── 地址列表(默認地址左側橙色高亮標識)
├── 添加新地址(姓名/手機/省市縣/詳細地址/設為默認)
├── 編輯現(xiàn)有地址
├── 刪除地址(二次確認彈窗)
└── 設置默認地址
【訂單管理】
├── 訂單列表(訂單號+狀態(tài)標簽+商品名+數(shù)量+總價+時間)
├── 狀態(tài)顏色區(qū)分:
│ pending=黃色"待處理" / shipped=藍色"已發(fā)貨"
│ completed=綠色"已完成" / cancelled=紅色"已取消"
└── 點擊查看訂單詳情彈窗
【編輯資料】
├── 頭像上傳(本地預覽+Base64存儲)
├── 昵稱修改
├── 手機號綁定
└── 支付寶賬號綁定(用于提現(xiàn))
```
### 7?? 登錄注冊
- `Login.vue` — 手機號/賬號密碼登錄
- `Register.vue` — 新用戶注冊(支持邀請碼綁定上下級關系)
### 8?? 輔助頁面
| 頁面 | 文件 | 功能 |
|------|------|------|
| 幫助中心 | `Help.vue` | 平臺玩法說明/常見問題FAQ |
| 用戶協(xié)議 | `Agreement.vue` | 法律協(xié)議條款展示 |
---
## 二、多聯(lián)盟激勵廣告系統(tǒng) (`adService.js`) — 核心技術亮點 ?
```
showRewardedAd() 被調(diào)用
│
┌───────▼───────┐
│ 第1優(yōu)先級 │ ←── 穿山甲 Pangle
│ (window.pangle)│ 官方H5 Web SDK
│ PC/手機都OK │ AppID + PlacementID
└───────┬───────┘
失敗 ↓
┌───────▼───────┐
│ 第2優(yōu)先級 │ ←── 騰訊優(yōu)量匯
│ (TencentGDT) │ Android瀏覽器OK
│ 需HTTPS+iOS限制│ AppID + PlacementID
└───────┬───────┘
失敗 ↓
┌───────▼───────┐
│ 第3優(yōu)先級 │ ←── AdGo 第三方聚合
│ (loadRewardedAd)│ 一次接入多平臺
│ 自動Bidding競價│ 只需 adUnitId
└───────┬───────┘
失敗 ↓
┌────────────▼────────────┐
│ 百度/抖音/快手 │ ← 無H5 SDK,跳過
│ (僅原生APP或小游戲可用) │
└────────────┬────────────┘
失敗 ↓
┌───────▼───────┐
│ 兜底視頻 │ ←── 管理員上傳的MP4
│ 全屏播放器 │ 5秒內(nèi)不可關閉
│ 進度條+倒計時 │ 黑底+橙色調(diào)
└───────┬───────┘
無視頻 ↓
┌───────▼───────┐
│ 最終降級 │ ←── 10秒倒計時
│ 模擬等待 │ 保底兜底
│ 直接發(fā)獎勵 │
└───────────────┘
```
---
## 三、分銷/傭金系統(tǒng)(`新機制.md`)
```
用戶等級體系:
┌──────────────┐ 升級 ┌──────────────┐
│ 普通用戶 │ ──────────→ │ 工作室用戶 │
│ (normal) │ │ (studio) │
└──────────────┘ └──────────────┘
│
可享受額外團隊獎
═══════════════════════════════════════════
所有用戶都享有的獎勵(二級分銷):
═══════════════════════════════════════════
直推獎 = 任務金幣 × 10%(一級下線完成任務的傭金)
間推獎 = 任務金幣 × 5% (二級下線完成任務的傭金)
═══════════════════════════════════════════
僅工作室用戶享有的額外獎勵(團隊獎):
═══════════════════════════════════════════
團隊獎基礎 = 任務金幣 × 8%
【同級斷裂機制】舉例:
A(studio) → B(studio) → C(normal) → D(normal) → E(normal)
E完成100金幣任務時:
┌────────┬────────────┬──────────┬──────────────────┐
│ 用戶 │ 身份 │ 獎勵類型 │ 金額 │
├────────┼────────────┼──────────┼──────────────────┤
│ E │ 普通用戶 │ 任務獎勵 │ +100.00 金幣 │
│ D │ 普通用戶 │ 直推獎 │ +10.00 (100×10%) │
│ C │ 普通用戶 │ 間推獎 │ +5.00 (100×5%) │
│ B │ 工作室用戶 │ 團隊獎 │ +8.00 (100×8%) │ ★首s個工作室
│ A │ 工作室用戶 │ 級差獎 │ +0.24 (8×3%) │ ★斷裂后的級差
└────────┴────────────┴──────────┴──────────────────┘
總計發(fā)放:123.24 金幣
```
---
## 四、管理后臺功能(`admin/`)— 共15個管理頁面
| 一級菜單 | 二級菜單 | 文件 | 功能描述 |
|----------|---------|------|---------|
| **? 用戶管理** | 用戶列表 | `UserList.vue` | 用戶列表/搜索/等級標簽/團隊樹彈窗/注冊時間格式化 |
| **? 內(nèi)容管理** | 答題管理 | `QuestionManage.vue` | 題庫CRUD(題目/選項/答案) |
| | 短視頻管理 | `VideoManage.vue` | 視頻庫管理(上傳/標題/排序) |
| | 商城管理 | `ProductManage.vue` | 商品CRUD(圖片/名稱/價格/描述) |
| | 訂單管理 | `OrderManage.vue` | 訂單列表/狀態(tài)篩選/發(fā)貨操作 |
| **? 獎勵&廣告配置** | 激勵廣告 | `AdConfig.vue` | **6大聯(lián)盟Tab配置** + 兜底視頻上傳 |
| | 獎勵設置 | `RewardSetting.vue` | 答題/視頻/廣告三類獎勵金額自定義 |
| | 簽到設置 | `SignSetting.vue` | 7天每日簽到獎勵金額逐日配置 |
| | 分銷設置 | `DistributionSetting.vue` | 直推/間推/團隊獎比例配置 |
| **?? 系統(tǒng)設置** | 基礎設置 | `BasicSetting.vue` | 平臺名稱/Logo/聯(lián)系方式等 |
| | 協(xié)議管理 | `AgreementManage.vue` | 用戶協(xié)議/隱私政策富文本編輯 |
| | 提現(xiàn)配置 | `WithdrawConfig.vue` | 提現(xiàn)門檻/可選金額/審核開關 |
| **? 數(shù)據(jù)統(tǒng)計** | 用戶數(shù)據(jù) | `UserStats.vue` | 注冊趨勢/活躍用戶/等級分布圖表 |
| | 收益數(shù)據(jù) | `RevenueStats.vue` | 廣告收益/提現(xiàn)統(tǒng)計/傭金報表 |
---
## 五、技術特色總結
| 特色 | 詳情 |
|------|------|
| **多廣告源聚合** | 6家廣告聯(lián)盟統(tǒng)一接口,輪詢+自動降級,永不"無廣告" |
| **三級降級保障** | 真實SDK廣告 → 兜底視頻 → 最終模擬,用戶體驗零中斷 |
| **靈活的獎勵配置** | 后臺可視化調(diào)整所有獎勵金額,無需改代碼 |
| **完善的分銷體系** | 二級分銷 + 團隊獎 + 同級斷裂 + 級差機制 |
| **商城閉環(huán)生態(tài)** | 賺金幣 → 商城消費 → 訂單履約,形成完整商業(yè)循環(huán) |
| **多端適配** | H5手機瀏覽器 / 微信內(nèi)置瀏覽器 / PC瀏覽器 / 已打包APK |
| **代碼質(zhì)量高** | Vue3 Composition API + 詳細中文注釋 + 組件化設計 |
## ? 主標題(核心推廣用)
### 方案一:功能全覆蓋型(推薦)
```
看廣告賺錢H5源碼|Vue3全棧開發(fā)|穿山甲騰訊AdGo六聯(lián)盟聚合激勵視頻+二級分銷團隊獎+每日簽到答題積分商城完整系統(tǒng)源碼 可二開部署
```
### 方案二:關鍵詞堆疊型(SEO權重最z大化)
```
2026最z新看視頻賺錢APP源碼下載 H5激勵廣告平臺 多廣告聯(lián)盟SDK接入(穿山甲/騰訊/AdGo/百度/抖音/快手) 二級分銷返傭系統(tǒng) 團隊獎勵 Vue3前端后端 MySQL數(shù)據(jù)庫 帶管理后臺 完整可部署
```
### 方案三:簡潔吸引型(適合短標題)
```
【完整開源】看廣告賺錢H5平臺源碼|多聯(lián)盟激勵廣告+二級分銷+團隊獎+簽到答題|Vue3全棧|帶后臺管理系統(tǒng)
```
---
## ? 標題拆解與SEO關鍵詞分析
| SEO關鍵詞 | 出現(xiàn)位置 | 搜索熱度 | 對應代碼依據(jù) |
|-----------|----------|----------|-------------|
| **看廣告賺錢** | ? 核心詞 | ????? | 項目名稱、Video.vue/Task.vue核心業(yè)務 |
| **H5源碼/APP源碼** | ? 核心詞 | ????? | frontend/ 為H5端,app/有APK |
| **激勵視頻/激勵廣告** | ? 高頻詞 | ???? | adService.js showRewardedAd() |
| **穿山甲/騰訊/AdGo** | ? 長尾詞 | ???? | AdConfig.vue 6個廣告聯(lián)盟Tab |
| **多廣告聯(lián)盟/聚合** | ? 差異化詞 | ??? | 6大廣告源+輪詢降級機制 |
| **二級分銷/分銷系統(tǒng)** | ? 高頻詞 | ????? | 新機制.md 直推10%+間推5% |
| **團隊獎/工作室** | ? 差異化詞 | ???? | 團隊獎8%+級差3%+同級斷裂 |
| **** | ? 技術詞 | ???? | package.json 技術棧 |
| **全棧/前后端分離** | ? 技術詞 | ??? |
| **帶后臺管理** | ? 功能詞 | ????? |
| **簽到/答題/任務中心** | ? 功能詞 | ??? | Task.vue 答題+視頻+簽到+邀請 |
| **積分商城/提現(xiàn)** | ? 功能詞 | ??? | Mall.vue + 提現(xiàn)按鈕 |
| **可二開/可部署** | ? 商業(yè)詞 | ???? | 完整SQL+配置化設計 |
---
## ?? 配套SEO描述(Descri-ption)
```
? 2026最z新版「看廣告賺錢」H5平臺完整源碼,支持穿山甲Pangle、騰訊優(yōu)量匯、AdGo聚合等6大廣告聯(lián)盟激勵視頻自動輪詢降級。
? 核心功能:刷短視頻賺金幣現(xiàn)金|每日連續(xù)簽到7天獎勵|答題闖關賺獎勵|邀請好友二級分傭(直推10%間推5%)|工作室升級獲團隊獎8%+級差3%|積分商城兌換|提現(xiàn)系統(tǒng)
? 技術架構: JWT認證
?? 后臺功能:用戶列表+團隊樹可視化|題庫/視頻/商品/訂單管理|6聯(lián)盟廣告位配置+兜底視頻上傳|獎勵金額自定義|分銷比例可調(diào)|數(shù)據(jù)統(tǒng)計面板
? 支持環(huán)境:手機H5瀏覽器 / 微信內(nèi)置瀏覽器 / PC瀏覽器 / 已打包APK可直接使用。代碼結構清晰注釋完善,適合二次開發(fā)和快速部署上線。
```
---
## ? 短標題備選(用于不同渠道)
| 渠道 | 標題 |
|------|------|
看廣告賺錢H5平臺 — Vue3多聯(lián)盟激勵廣告+二級分銷完整源碼` |
【獨d家】看廣告賺錢H5源碼 六聯(lián)盟聚合激勵廣告 二級分銷團隊獎 帶后臺` |
`手把手教你搭建看廣告賺錢平臺:從0到1實現(xiàn)多廣告聯(lián)盟聚合+分銷系統(tǒng)` |
分享一個完整的看廣告賺錢平臺源碼!6大廣告聯(lián)盟自動切換,二級分銷+團隊獎勵,全棧開發(fā)!` |
---
## ? SEO建議
1. **主關鍵詞放在標題前30字內(nèi)**:搜索引擎更看重開頭部分
2. **數(shù)字增加可信度**:如"6大聯(lián)盟""二級""2年更新"
3. **技術棧明確標注**:方便開發(fā)者搜索精確匹配
4. **差異化賣點突出**:"同級斷裂機制""兜底視頻降級"是本項目獨有的亮點



定制看需求,一般幾小時內(nèi)完成,也不貴。

1、自動:在上方保障服務中標有自動發(fā)貨的商品,拍下后,將會自動收到來自賣家的商品獲?。ㄏ螺d)鏈接;
2、手動:未標有自動發(fā)貨的的商品,拍下后,賣家會收到郵件、短信提醒,也可通過QQ或訂單中的電話聯(lián)系對方。
1、源碼默認交易周期:自動發(fā)貨商品為1天,手動發(fā)貨商品為3天,買家有1次額外延長3天交易周期的權利;
2、若上述交易周期雙方依然無法完成交易,任意一方可發(fā)起追加周期(1~60天)的請求,對方同意即可延長。
1、描述:源碼描述(含標題)與實際源碼不一致的(例:描述PHP實際為ASP、描述的功能實際缺少、版本不符等);
2、演示:有演示站時,與實際源碼小于95%一致的(但描述中有"不保證完全一樣、有變化的可能性"類似顯著聲明的除外);
3、發(fā)貨:手動發(fā)貨源碼,在賣家未發(fā)貨前,已申請退款的;
4、安裝:免費提供安裝服務的源碼但賣家不履行的;
5、收費:額外收取其他費用的(但描述中有顯著聲明或雙方交易前有商定的除外);
6、其他:如質(zhì)量方面的硬性常規(guī)問題等。
注:經(jīng)核實符合上述任一,均支持退款,但賣家予以積極解決問題則除外。
1、互站會對雙方交易的過程及交易商品的快照進行永久存檔,以確保交易的真實、有效、安全!
2、互站無法對如“永久包更新”、“永久技術支持”等類似交易之后的商家承諾做擔保,請買家自行鑒別;
3、在源碼同時有網(wǎng)站演示與圖片演示,且站演與圖演不一致時,默認按圖演作為糾紛評判依據(jù)(特別聲明或有商定除外);
4、在沒有"無任何正當退款依據(jù)"的前提下,商品寫有"一旦售出,概不支持退款"等類似的聲明,視為無效聲明;
5、在未拍下前,雙方在QQ上所商定的交易內(nèi)容,亦可成為糾紛評判依據(jù)(商定與描述沖突時,商定為準);
6、因聊天記錄可作為糾紛評判依據(jù),故雙方聯(lián)系時,只與對方在互站上所留的QQ、手機號溝通,以防對方不承認自我承諾。
7、雖然交易產(chǎn)生糾紛的幾率很小,但一定要保留如聊天記錄、手機短信等這樣的重要信息,以防產(chǎn)生糾紛時便于互站介入快速處理。
1、互站作為第三方中介平臺,依據(jù)交易合同(商品描述、交易前商定的內(nèi)容)來保障交易的安全及買賣雙方的權益;
2、非平臺線上交易的項目,出現(xiàn)任何后果均與互站無關;無論賣家以何理由要求線下交易的,請聯(lián)系管理舉報。
菏澤云起網(wǎng)絡科技有限公司
客服⑥:140090411061322743300792764
客服①:7683154077434289355
178554037457053
微信客服
服務
5.00
效率
5.00
質(zhì)量
5.00