H5页面调用admob激励视频,用户获取奖励
应用前提条件
- 使用 Android Studio 3.2 或更高版本
确保您应用的 build 文件使用以下值:
minSdkVersion
为16
或更高版本compileSdkVersion
为28
或更高版本
1,在您的项目级 build.gradle
文件中,同时在 buildscript
和 allprojects
两个部分中添加
buildscript {
repositories {
google()
mavenCentral()
}
} allprojects {
repositories {
google()
mavenCentral()
}
}
2,将 Google 移动广告 SDK 的依赖项添加到您的模块的应用级 Gradle 文件,通常为 app/build.gradle:
dependencies {
implementation 'com.google.android.gms:play-services-ads:21.0.0'
}
3,将您的 AdMob 应用 ID(可在 AdMob 界面中找到)添加到应用的 AndroidManifest.xml
文件中。为此,请添加包含 android:name="com.google.android.gms.ads.APPLICATION_ID"
的 <meta-data>
代码。您可以在 AdMob 界面中找到您的应用 ID。对于 android:value
,请插入您自己的 AdMob 应用 ID,并用英文引号括起来。
测试ID:ca-app-pub-3940256099942544~3347511713
注意:开发工程一定要使用测试ID,不要使用线上ID,否则可能导致线上admob广告流量无效,最严重导致封号!
<manifest>
<application>
<!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
</application>
</manifest>
4,初始化广告和预加载激励视频
import com.google.android.gms.ads.MobileAds;
import com.google.android.gms.ads.initialization.InitializationStatus;
import com.google.android.gms.ads.initialization.OnInitializationCompleteListener; public class MainActivity extends AppCompatActivity { private AdRequest adRequest; private Handler mHandler;
private WebView webview; protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); MobileAds.initialize(this, new OnInitializationCompleteListener() {
@Override
public void onInitializationComplete(InitializationStatus initializationStatus) {
}
}); adRequest = new AdRequest.Builder().build();
loadJiliAd(); //ad必须在主线程上,使用消息通知调用
mHandler = new Handler() {
@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case 0:
// 显示广告
showJiliad();
break;
case 1:
//测试加载js
webview.loadUrl("javascript:test()");
break; default:
break;
}
}
}; //加载页面
showWeb(); } private void showJiliad(){
if (mRewardedAd != null) {
Activity activityContext = this;
mRewardedAd.show(activityContext, new OnUserEarnedRewardListener() {
@Override
public void onUserEarnedReward(@NonNull RewardItem rewardItem) {
// 用户获得奖励
Log.d("TAG", "The user earned the reward.");
int rewardAmount = rewardItem.getAmount();
String rewardType = rewardItem.getType();
showJiangli("恭喜获得奖励"); }
});
}else{
showJiangli("广告拉取中,请稍候再试");
loadJiliAd();
}
}
private void showJiangli(String msg){
Toast.makeText(this,msg,Toast.LENGTH_SHORT).show();
} private void showWeb(){ //实例化WebView对象
webview = new WebView(this);
//设置WebView属性,能够执行Javascript脚本 WebSettings webSettings = webview.getSettings();
webSettings.setJavaScriptEnabled(true); //加载页面
webview.loadUrl("https://xxx.com/"); //WebAppInterface 是我们自定义的一个类,通过实例化一个WebAppInterface 对象来和html进行绑定
WebAppInterface webAppInterface = new WebAppInterface(this,mHandler);
webview.addJavascriptInterface(webAppInterface, "Android"); webview.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url){
view.loadUrl(url);
return true;
}
}); webview.setWebViewClient(new WebViewClient()
{
Random ra =new Random();
int r = ra.nextInt(20) + 1 ; @Override
public void onPageFinished(WebView view, String url)
{
//结束
super.onPageFinished(view, url);
Log.d("TAG", "加载结束"); if(r == 10){
showAD();
}
}
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon)
{
//开始
super.onPageStarted(view, url, favicon);
Log.d("TAG", "加载开始");
num ++;
if(r == 6){
if (mInterstitialAd != null) {
showAD();
}
}else if(num >= 6){
if (mInterstitialAd != null) {
num =0;
showAD();
}else{
Log.d("TAG", "广告未加载成功");
}
} Log.d("TAG", "加载NUM:" + String.valueOf(num)); }
}); private void loadJiliAd(){
RewardedAd.load(this, "ca-app-pub-3940256099942544/5224354917",
adRequest, new RewardedAdLoadCallback() {
@Override
public void onAdFailedToLoad(@NonNull LoadAdError loadAdError) {
// Handle the error.
Log.d("TAG", loadAdError.toString());
mRewardedAd = null;
} @Override
public void onAdLoaded(@NonNull RewardedAd rewardedAd) {
mRewardedAd = rewardedAd;
Log.d("TAG", "Ad was loaded."); mRewardedAd.setFullScreenContentCallback(new FullScreenContentCallback() {
@Override
public void onAdClicked() {
// 在为广告记录点击时调用。
Log.d("TAG", "Ad was clicked.");
} @Override
public void onAdDismissedFullScreenContent() {
// 当广告被关闭时调用.
// 将广告引用设置为 null,这样您就不会再次展示广告。
Log.d("TAG", "Ad dismissed fullscreen content.");
mRewardedAd = null;
} @Override
public void onAdFailedToShowFullScreenContent(AdError adError) {
// 广告无法展示时调用
Log.e("TAG", "Ad failed to show fullscreen content.");
mRewardedAd = null;
} @Override
public void onAdImpression() {
// 在为广告记录展示时调用
Log.d("TAG", "Ad recorded an impression.");
} @Override
public void onAdShowedFullScreenContent() {
// 显示广告时调用.
Log.d("TAG", "Ad showed fullscreen content."); }
});
}
});
}
}
6,webAppInterface类
public class WebAppInterface {
Activity mContext; Handler mHandler;
/**
* Instantiate the interface and set the context
*/
WebAppInterface(Activity c,Handler r) {
mContext = c;
mHandler = r;
} /**
* js调用Android的函数
*/
@JavascriptInterface
public void startFunction() {
Toast.makeText(mContext,"我是安卓原生的弹窗",Toast.LENGTH_SHORT).show(); //调用激励视频广告
Message msg = new Message();
msg.what = 0;
mHandler.sendMessage(msg); }
/**
* js调用Android的函数并给Android原生传递一个参数
*/
@JavascriptInterface
public void startFunction(String arg) {
Toast.makeText(mContext,arg,Toast.LENGTH_SHORT).show();
}
}
7,html调用激励奖励
<input type="button" value="点击调用android代码,拉取激励视频"
onclick="window.Android.startFunction()"/>
整体流程结束,业务代码可按需自行添加
H5页面调用admob激励视频,用户获取奖励的更多相关文章
- 在Angular.js中的H5页面调用Web api时跨域问题处理
/// <summary> /// 被请求时 /// 在Angular.js中的H5页面调用Web api时跨域问题处理 /// </summary> /// <para ...
- 前端如何在h5页面调用微信支付?
在微信服务号开发的时候经常会遇到微信支付的功能实现,通过实际经验自己总结了一下,前端在H5页面调起微信支付有两种办法,一是利用内置对象,二是通过引用微信的js sdk,亲测都能支付成功,从写法上来看用 ...
- 微信h5页面调用第三方位置导航
微信h5页面拉起第三方导航应用 需要准备的: 通过微信认证的公众号有备案过的域名 背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能 需求:当用户点击导航按钮时,跳转到第三方app进行导航 参考 ...
- Webview之H5页面调用android的图库及文件管理
h5页面打开图片管理器 一般页面在pc打开文件管理器是用 type="file"的代码,可是这在android的webview是无效的,必须为webview设定WebChromeC ...
- 混合app开发,h5页面调用ios原生APP的接口
混合APP开发中,前端开发H5页面,不免会把兼容性拉进来,在做页面的兼容性同事,会与原生app产生一些数据交互: 混合APP开发,安卓的兼容性倒是好说,安卓使用是chrome浏览器核心,已经很好兼容H ...
- h5页面 video暂停播放 视频控件 以及当前页面只有一个可以播放效果
<!DOCTYPE html> <html> <head> <meta name="viewport" content="wid ...
- H5页面调用手机打电话功能
<head>里面加上: <meta name="format-detection" content="telephone=yes"/> ...
- h5页面调用摄像头(简易版)
<input type="button" value="OpenVideo" id="btnOpenVideo" /> < ...
- h5页面调用相机功能
//accept:表示要打开的文件类型 capture:表示可以捕获到系统默认的设备 <input type="file" accept="image/*" ...
随机推荐
- NC16783 [NOIP1998]拼数
NC16783 [NOIP1998]拼数 题目 题目描述 设有 \(n\) 个正整数(\(n ≤ 20\)),将它们联接成一排,组成一个最大的多位整数. 例如:\(n=3\) 时,\(3\) 个整数 ...
- JDBCToolsV2:利用ThreadLocal保证当前线程操作同一个数据库连接对象。
JDBCToolsV2: 利用ThreadLocal保证当前线程操作同一个数据库连接对象. package com.dgd.test; import com.alibaba.druid.poo ...
- labview入门到出家10(进阶)——CAN通讯
讲完串口,这边再讲一个labveiw工控程序中比较常用的CAN通讯吧.很久没有写过CAN通讯的程序了,网上一搜就是什么现场总线,控制器局域网总线,然后一堆复杂的协议.在这里还是一 ...
- 创建多线程程序的第一种方式_创建Thread类的子类
创建多线程程序的第一种方式:创建Thread类的子类java.lang.Thread类:是描述线程的类,我们想要实现多线程程序,就必须继承Thread类 实现步骤: 1.创建一个Thread类的子类 ...
- Solution -「校内题」Xorequ
0x00 前置芝士 数位dp考试里出现的小神题?? 显然考场会选择打表找规律. 数位dp + 矩阵快速幂 0x01 题目描述 给定正整数 \(n\),现有如下方程 \(x \bigoplus 3x = ...
- TCP通信的概述
- maven项目(引入依赖失败, pom.xml 报错\爆红)
引入项目过程中,idea引入磁盘的某个的maven项目 这里以springboot项目以例子,发现pom.xml 的依赖大面积爆红,springboot的版本依赖也报错了,然后发现下面有进度条在下载, ...
- Redis 哈希Hash底层数据结构
1. Redis 底层数据结构 Redis数据库就像是一个哈希表,首先对key进行哈希运算得到哈希值再取模得到一个下标,每个元素是一个节点,节点之间形成链表.这感觉有点像Java中的HashMap. ...
- Kafka与Spark案例实践
1.概述 Kafka系统的灵活多变,让它拥有丰富的拓展性,可以与第三方套件很方便的对接.例如,实时计算引擎Spark.接下来通过一个完整案例,运用Kafka和Spark来合理完成. 2.内容 2.1 ...
- PHP断点续传(下载)代码
<?php /** * PHP-HTTP断点续传实现 * @param string $path: 文件所在路径 * @param string $file: 文件名 * @return voi ...