🎨 新一版介绍页面，还要优化

FlutterAds · Aug 19, 2024 · 3564c92 · 3564c92
1 parent f1f2331
commit 3564c92
Show file tree

Hide file tree

Showing 5 changed files with 137 additions and 20 deletions.
diff --git a/docs/public/imgs/prd_log.png b/docs/public/imgs/prd_log.png
diff --git a/docs/public/site/prd_log.png b/docs/public/site/prd_log.png
diff --git a/docs/start/vs.mdx b/docs/start/vs.mdx
@@ -1,9 +1,23 @@
 import { normalizeImagePath } from 'rspress/runtime';
 import { Steps,Badge } from '@theme';
 
-# 🎯 版本对比
+## 🎯 产品里程碑
 
-## 📖 广告变现对比（GroMore）
+- 🙏 感恩你我有缘在此相遇。
+- 💻 从 18 年我开始学习投入 Flutter 企业级项目研发，目前负责百万级日活 App 的研发和广告运营。
+- 🎉 20 年发现社区没有成熟广告变现插件，一个人开发开源了穿山甲和优量汇插件(flutter_pangle_ads、flutter_qq_ads)，目前收获了近 500 Star。
+- 🚀 21 年随着对广告运营深入学习，又打造了聚合广告插件(flutter_gromore_ads) 来获得更高的广告收益，并将基础版本做了开源给社区使用。
+- 🎁 23 年不断对广告模式和业务场景的探索，以及广告深入指标的精细化运营，过程中不断迭代插件功能(测试助手、实时价格、超前加载、广告监控)，推出了 GroMore Pro 版本.
+- 🎬 24 年短剧和小视频已近比较成熟，但基础成本还比较高（版权、拍摄、存储、带宽、运营等），穿山甲内容输出免费提供，我便开发了短剧小视频插件帮助开发者从功能变现拓展到内容变现。
+
+<img src={normalizeImagePath('/imgs/prd_log.png')}/>
+
+
+## 💻 产品矩阵
+
+### 📖 广告变现-GroMore
+
+#### 🎯 版本对比
 
 | 🧑🏻‍💻 项目&服务  | 开源版 | <Badge text="🚀 Pro 版" type="warning" />|
 |-|-|-|
@@ -14,7 +28,7 @@ import { Steps,Badge } from '@theme';
 |🏆 激励视频 |无|✅ **收益很高**，最强广告变现形式、需要产品场景契合|
 |👑 进阶激励 |无|✅ **收益最高**，在激励视频播放完毕后再播放一次广告|
 |🧪 测试助手|无|✅ 一键开启，可快速测试验证全部广告位|
-|🏗️ 广告价格|无|✅ 实时获取价格，投流变现更精准，也可统计使用准确发现高价值用户|
+|🏗️ 实时价格|无|✅ 实时获取价格，投流变现更精准，也可统计使用准确发现高价值用户|
 |💸 收益面板|无|✅ 实时显示每条广告的价格，方便测试各个平台的出价情况|
 |🦥 超前缓存|无|✅ 提前缓存广告，可实现极速展示，提高广告加载速度和展示率|
 |📌 定制接口 |无|✅ 有个性化定制接口需求，优先开发支持|
@@ -23,32 +37,73 @@ import { Steps,Badge } from '@theme';
 |🔥 运营指导|无|✅ 收益拔高、变现策略、广告优化、瀑布流调优、1v1 支持|
 |🩺 广告诊断 |无|✅ 全面的广告诊断，应对各种填充率低、展示率低、收益低、触顶触底调优|
 |📦 接入步骤 |无|✅ 6 大步骤，全程指导，极速集成，避免踩坑（点击看大图）<img src={normalizeImagePath('/imgs/view/steps.webp')} width='100px' />|
-|💰 收费情况 |免费|✅ **下方微信咨询价格**（一次合作、永久更新）|
-
-## 🧑🏻‍💻 与我联系
+|💰 收费情况 |免费|✅ **微信询价格**（一次合作、永久更新）|
 
-:::tip{title="❤️ 实践心得"}
-
-- 提高收益从来不是单方面的，产品作为基础，技术和运营都需要有大量的实践和总结，才能让收益有全面的提升。
-- 联系我将日活百万 App 在广告技术和运营的经验分享给你，直达广告收益顶峰。
-- 微信：`toponelan`
-<img src={normalizeImagePath('/wechat.webp')} width='200px' />
-
-:::
-
-## 🎬 演示视频
+#### 🎬 效果演示
 
 |📱 开屏广告|🖼️ 插屏广告|🏷️ 横幅广告|🌈 信息流 <Badge text="Pro" type="warning" />|
 |-|-|-|-|
 |<video src={normalizeImagePath('/imgs/view/video_splash.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_insert.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_banner.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_feed.mp4')}  width='200px' controls />|
 |🏆 激励视频 <Badge text="Pro" type="warning" />|💸 收益面板 <Badge text="Pro" type="warning" />|🧪 测试助手 <Badge text="Pro" type="warning" />|🦥 超前缓存 <Badge text="Pro" type="warning" />|
 |<video src={normalizeImagePath('/imgs/view/video_reward.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_money.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_test.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_preload.mp4')}  width='200px' controls />|
 
-## 💻 产品矩阵
 
-- 📖 [广告变现-GroMore Pro 版](/start/guide/gromore/install)
-- 📡 [广告监测-AdSpark Pro 版](/start/guide/adspark/install)
-- 🎬 [内容输出-短剧小视频 Pro 版](/start/guide/adcontent/install)
+### 🎬 内容输出-短剧小视频
+
+> 此插件不开源，仅提供 <Badge text="🚀 Pro 版" type="warning" />
+
+#### 🎯 核心功能
+
+- 🎬 短剧（近 2000 部）
+- 📱 小视频（抖音无限刷）
+- 🎮 广告变现
+    - 激励视频广告
+    - 信息流广告
+    - 视频流广告
+- 🎉 支持 Widget 组件嵌入Flutter 页面
+- 🎨 支持自定义 UI 样式，与业务完美契合
+- 📦 支持广告事件回调全局打通
+
+#### 🎬 效果演示
+
+|短剧剧场|短剧滑滑流|短剧详情|激励解锁|
+|--|--|--|--|
+| <img src='https://flutterads.top/imgs/adcontent/img_theater_widget.webp'/> | <img src='https://flutterads.top/imgs/adcontent/img_theater_widget2.webp'/> | <img src='https://flutterads.top/imgs/adcontent/img_detail.webp'/>| <img src='https://flutterads.top/imgs/adcontent/img_detail_reward.webp'/>|
+|推荐和所有|短剧分类|短剧搜素|观看历史|
+| <img src='https://flutterads.top/imgs/adcontent/img_theater_11.webp'/> | <img src="https://flutterads.top/imgs/adcontent/img_theater_12.webp"/>| <img src='https://flutterads.top/imgs/adcontent/img_theater_13.webp'/>| <img src='https://flutterads.top/imgs/adcontent/img_theater_14.webp'/> |
+|全屏模式|宫格模式|双列模式|广告展示|
+| <img src='https://flutterads.top/imgs/adcontent/img_video_01.webp'/> | <img src='https://flutterads.top/imgs/adcontent/img_video_03.webp'/> | <img src='https://flutterads.top/imgs/adcontent/img_video_04.webp'/>| <img src='https://flutterads.top/imgs/adcontent/img_video_02.webp'/>| 
+
+
+
+### 📡 广告监测-AdSpark Pro 版
+
+> 此插件不开源，仅提供 <Badge text="🚀 Pro 版" type="warning" />
+
+#### 🎯 核心功能
+
+- ✅ 激活
+- ✅ 注册
+- ✅ 支付
+- ✅ 账户登录、登出
+- ✅ 绑定社交账号
+- ✅ 完成教学任务/副本
+- ✅ 升级
+- ✅ 创建角色
+- ✅ 查看内容/商品详情
+- ✅ 添加到购物车
+- ✅ 提交购买/下单
+- ✅ 添加支付渠道
+- ✅ 数据检测
+- ✅ 自定义事件
+- 📱 可视化测试助手
+
+#### 🎬 效果演示
+
+|示例接口|功能区|事件区|网络区|
+|--|--|--|--|
+| <img width='750px' src="https://flutterads.top/imgs/adspark/img_01.png"/>|<img width='750px' src="https://flutterads.top/imgs/adspark/img_test1.png"/>| <img width='750px' src="https://flutterads.top/imgs/adspark/img_test3.png"/> | <img width='750px' src="https://flutterads.top/imgs/adspark/img_test4.png"/> |
+
 
 ## 💡 其他内容
 

diff --git a/docs/start/vs1.mdx b/docs/start/vs1.mdx
@@ -0,0 +1,62 @@
+import { normalizeImagePath } from 'rspress/runtime';
+import { Steps,Badge } from '@theme';
+
+# 🎯 版本对比
+
+## 📖 广告变现对比（GroMore）
+
+| 🧑🏻‍💻 项目&服务  | 开源版 | <Badge text="🚀 Pro 版" type="warning" />|
+|-|-|-|
+|📱 开屏广告 |✅|✅ **收益一般**，最常见广告形式|
+|🖼️ 插屏广告 |✅|✅ **收益一般**，需要非常强的产品场景、强提醒|
+|🏷️ 横幅广告 |✅|✅ **收益很低**，用户打扰小，产品覆盖多|
+|🌈 信息流 |无|✅ **收益一般**，与产品页契合度高、减少用户打扰|
+|🏆 激励视频 |无|✅ **收益很高**，最强广告变现形式、需要产品场景契合|
+|👑 进阶激励 |无|✅ **收益最高**，在激励视频播放完毕后再播放一次广告|
+|🧪 测试助手|无|✅ 一键开启，可快速测试验证全部广告位|
+|🏗️ 广告价格|无|✅ 实时获取价格，投流变现更精准，也可统计使用准确发现高价值用户|
+|💸 收益面板|无|✅ 实时显示每条广告的价格，方便测试各个平台的出价情况|
+|🦥 超前缓存|无|✅ 提前缓存广告，可实现极速展示，提高广告加载速度和展示率|
+|📌 定制接口 |无|✅ 有个性化定制接口需求，优先开发支持|
+|♻️ 永久更新|无|✅ 紧跟最新官方版本，永久免费更新，全方位测试，高稳定性|
+|👍 技术支持 |无|✅ 集成指导、功能答疑、技术问题、1v1 支持|
+|🔥 运营指导|无|✅ 收益拔高、变现策略、广告优化、瀑布流调优、1v1 支持|
+|🩺 广告诊断 |无|✅ 全面的广告诊断，应对各种填充率低、展示率低、收益低、触顶触底调优|
+|📦 接入步骤 |无|✅ 6 大步骤，全程指导，极速集成，避免踩坑（点击看大图）<img src={normalizeImagePath('/imgs/view/steps.webp')} width='100px' />|
+|💰 收费情况 |免费|✅ **下方微信咨询价格**（一次合作、永久更新）|
+
+## 🧑🏻‍💻 与我联系
+
+:::tip{title="❤️ 实践心得"}
+
+- 提高收益从来不是单方面的，产品作为基础，技术和运营都需要有大量的实践和总结，才能让收益有全面的提升。
+- 联系我将日活百万 App 在广告技术和运营的经验分享给你，直达广告收益顶峰。
+- 微信：`toponelan`
+<img src={normalizeImagePath('/wechat.webp')} width='200px' />
+
+:::
+
+## 🎬 演示视频
+
+|📱 开屏广告|🖼️ 插屏广告|🏷️ 横幅广告|🌈 信息流 <Badge text="Pro" type="warning" />|
+|-|-|-|-|
+|<video src={normalizeImagePath('/imgs/view/video_splash.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_insert.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_banner.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_feed.mp4')}  width='200px' controls />|
+|🏆 激励视频 <Badge text="Pro" type="warning" />|💸 收益面板 <Badge text="Pro" type="warning" />|🧪 测试助手 <Badge text="Pro" type="warning" />|🦥 超前缓存 <Badge text="Pro" type="warning" />|
+|<video src={normalizeImagePath('/imgs/view/video_reward.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_money.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_test.mp4')}  width='200px' controls />|<video src={normalizeImagePath('/imgs/view/video_preload.mp4')}  width='200px' controls />|
+
+## 💻 产品矩阵
+
+- 📖 [广告变现-GroMore Pro 版](/start/guide/gromore/install)
+- 📡 [广告监测-AdSpark Pro 版](/start/guide/adspark/install)
+- 🎬 [内容输出-短剧小视频 Pro 版](/start/guide/adcontent/install)
+
+## 💡 其他内容
+
+:::details{title=" "}
+
+- [📦 快速集成](start/guide/gromore/install)
+- [🙋 常见问题](start/qa)
+- [🔖 更新日志](start/guide/changelog)
+- [💹 行业大盘](start/overview/overview)
+
+:::
diff --git a/images/FlutterAds 插件矩阵.xmind b/images/FlutterAds 插件矩阵.xmind