Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
a31c4674
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
5999
Star
91
Fork
163
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
18
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
18
Issue
18
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
a31c4674
编写于
8月 23, 2024
作者:
张
张磊
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
新增信息流广告和插屏广告示例。
上级
b3ad407b
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
114 addition
and
1 deletion
+114
-1
pages.json
pages.json
+20
-1
pages/API/create-interstitial-ad/create-interstitial-ad.uvue
pages/API/create-interstitial-ad/create-interstitial-ad.uvue
+62
-0
pages/component/ad/ad.uvue
pages/component/ad/ad.uvue
+32
-0
未找到文件。
pages.json
浏览文件 @
a31c4674
...
...
@@ -1803,7 +1803,26 @@
"navigationBarTitleText"
:
""
,
"backgroundColorContent"
:
"#fffae8"
}
},
//
#ifdef
APP-ANDROID
{
"path"
:
"pages/component/ad/ad"
,
"style"
:
{
"navigationBarTitleText"
:
"ad | 信息流广告"
,
"enablePullDownRefresh"
:
false
}
},
{
"path"
:
"pages/API/create-interstitial-ad/create-interstitial-ad"
,
"group"
:
"1,13,1"
,
"style"
:
{
"navigationBarTitleText"
:
"createInterstitialAd | 插屏广告"
,
"enablePullDownRefresh"
:
false
}
}
//
#endif
],
"globalStyle"
:
{
"pageOrientation"
:
"portrait"
,
...
...
@@ -2764,4 +2783,4 @@
]
}
]
}
\ No newline at end of file
}
pages/API/create-interstitial-ad/create-interstitial-ad.uvue
0 → 100644
浏览文件 @
a31c4674
<template>
<page-head title="插屏广告"></page-head>
<button :type="btnType" style="margin: 10px;" :disabled="btnDisable" @click="showAd()">{{btnText}}</button>
</template>
<script>
export default {
data() {
return {
btnText: "",
btnType: "primary",
btnDisable: false,
interstitialAd: null as InterstitialAd | null,
isAdLoadSuccess: false
}
},
onReady() {
this.loadAd()
},
methods: {
loadAd() {
if (this.btnDisable)
return
this.btnDisable = true
this.btnText = "正在加载广告"
this.btnType = "primary"
if (this.interstitialAd == null) {
this.interstitialAd = uni.createInterstitialAd({
adpid: "1111111113" //此处为测试广告位,实际开发中请在uni-ad后台申请自己的广告位后替换
})
this.interstitialAd!.onError((_) => {
this.btnType = "warn"
this.btnText = "广告加载失败,点击重试"
this.btnDisable = false
})
this.interstitialAd!.onLoad((_) => {
this.btnType = "primary"
this.btnText = "广告加载成功,点击观看"
this.btnDisable = false
this.isAdLoadSuccess = true
})
this.interstitialAd!.onClose((e) => {
this.isAdLoadSuccess = false
this.loadAd()
})
}
this.interstitialAd!.load()
},
showAd() {
if (this.isAdLoadSuccess) {
this.interstitialAd!.show()
} else {
this.loadAd()
}
}
}
}
</script>
<style>
</style>
pages/component/ad/ad.uvue
0 → 100644
浏览文件 @
a31c4674
<template>
<view>
<page-head title="信息流广告"></page-head>
<ad adpid="1111111111" style="width: 100%;" @load="loadFun" @error="errorFun"></ad>
<view v-if="tips" class="uni-center">信息流广告加载失败,请退出当前页面重试。</view>
</view>
</template>
<script>
export default {
data() {
return {
tips:false
}
},
methods: {
loadFun() {
uni.showToast({
position:"bottom",
title:"信息流广告加载成功"
})
},
errorFun() {
this.tips = true;
}
}
}
</script>
<style>
</style>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录