Html开屏广告源码,开屏(Splash)广告样式

Splash广告集成说明

开屏(Splash)

1. 确定AdHubSDK的主SDK文件已经拷贝到工程文件的libs子目录下参考

2. 在需要添加开屏广告的Activity对应的布局文件添加一个ViewGroup来给样式定位

例如:

android:id="@+id/adsFl"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_above="@id/bottomRl"

android:background="@android:color/transparent" />

3. 添加广告代码,添加广告代码前请确定已初始化SDK

注意:开屏广告具体按Demo接入,里面有onResume()、onPause()等生命周期的回调处理

例如:

// adUnitContainer

FrameLayout adsParent = (FrameLayout) this.findViewById(R.id.adsFl);

SplashAd splashAd = new SplashAd(this, adsParent, new AdListener() {

@Override

public void onAdShown() {

Log.d("lance", "onAdShown");

}

@Override

public void onAdLoaded() {

Log.d("lance", "onAdLoaded");

}

@Override

public void onAdFailedToLoad(int i) {

Log.d("lance", "onAdFailedToLoad");

}

@Override

public void onAdClosed() {

Log.d("lance", "onAdClosed");

}

@Override

public void onAdClicked() {

Log.d("lance", "onAdClicked");

}

}, "adUnitId");

@Override

protected void onDestroy() {

splashAd.cancel();

super.onDestroy();

}开屏页一定要禁止用户对返回按钮的控制,否则将可能导致用户手动退出了App而广告无法正常曝光和计费:

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

if (keyCode == KeyEvent.KEYCODE_BACK || keyCode == KeyEvent.KEYCODE_HOME) {

return true;

}

return super.onKeyDown(keyCode, event);

}

PS:更多设置请参考Demo中的com.hubcloud.adhubsdkdemo.SplashActivity的代码.

Uniapp是一款跨平台开发工具,它基于Vue.js,可以快速开发出适用于多个平台的应用程序。在Uniapp中,可以自定义开屏广告,以下是具体步骤: 首先,在项目的根目录下新建一个splash文件夹,将需要展示的开屏广告图片放入该文件夹中; 然后,在manifest.json文件中找到"app-plus"标签,并添加"adSplash":true的属性,表示开启开屏广告功能; 接着,在App.vue文件中,按照以下代码上传开屏广告图片: <template> <view> <!-- 定义开屏广告容器 --> <view class="splash" :style="'background-image:url('+splash_img+')'"></div> </view> </template> <script> export default { data() { return{ splash_img:'./static/splash.jpg' } }, created(){ // 获取开屏广告图片路径 this.getSplashImg() }, methods:{ getSplashImg(){ // 自定义获取开屏广告图片路径的方法,可以从服务端获取图片的url this.splash_img = "./static/splash.jpg" } } } </script> 样式方面,需要在App.vue文件中定义开屏广告容器的样式,例如: .splash{ position:fixed; left:0; top:0; width:100%; height:100%; background-size:cover; } 最后,需要在项目中设置延迟时间,使得开屏广告能够展示一段时间后自动消失,例如: setTimeout(()=>{ // 隐藏开屏广告容器 document.querySelector('.splash').style.display = 'none' },3000) 通过以上步骤,就可以在Uniapp中自定义开屏广告了。同时,需要注意的是,在开屏广告展示过程中,应用程序的代码并不会执行,因此需要确保开屏广告展示完毕后,再开始执行应用程序的代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值