# hms-ads-demo-javascript

**Repository Path**: hms-core/hms-ads-demo-javascript

## Basic Information

- **Project Name**: hms-ads-demo-javascript
- **Description**: 华为广告服务流量变现服务JavaScript版本示例代码，帮助开发者完成适用于App中Web页面的广告开发。支持原生广告、Banner广告、激励广告、插屏广告等能力
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://developer.huawei.com/consumer/cn/hms/huawei-adskit?ha_source=hms1
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-08-12
- **Last Updated**: 2023-06-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 鲸鸿动能广告服务JavaScript示例代码
中文 | [English](README.md)
## 目录

 * [简介](#简介)
 * [安装](#安装)
 * [环境要求](#环境要求)
 * [示例代码](#示例代码)
 * [运行结果](#运行结果)
 * [授权许可](#授权许可)


## 简介
鲸鸿动能广告服务javascript示例代码向您介绍如何将鲸鸿动能广告服务JavaScript API集成到H5页面中，实现广告展示。

## 安装
在华为手机上安装该示例代码项目。

## 环境要求
在华为手机上安装HMS Core (APK) 6.0.0及以上版本。

## 示例代码
鲸鸿动能广告服务Javascript示例代码集成了HMS Ads JavaScript API，为您提供横幅广告、原生广告、激励广告、插屏广告的展示页面。
本示例代码包括以下六个文件，便于您进行广告加载、展示和用户意见征集：

1). banner.html
用于加载、展示横幅广告。
<br>代码位置：app\src\main\assets\banner.html</br>
    
2). native.html
用于加载、展示原生广告。
<br>代码位置：app\src\main\assets\native.html</br>
    
3). reward.html
用于加载、展示激励广告。
<br>代码位置：app\src\main\assets\reward.html</br>
	
4). interstitial.html
用于加载、展示插屏广告。
<br>代码位置： app\src\main\assets\interstitial.html</br>

5). ConsentActivity.java
用于征求用户意见。
<br>代码位置：app\src\main\java\com\huawei\hms\ads\jsdemo\ConsentActivity.java</br>
    
6). ProtocolActivity.java
用于收集用户对隐私条款的意见。
<br>代码位置：app\src\main\java\com\huawei\hms\ads\jsdemo\ProtocolActivity.java</br>

## 运行结果
Banner Ads&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp; Interstitial Ads

<img src=result/Banner.gif width=200>  <img src=result/Interstitial.gif width=200>

Reward Ads&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp; Native Ads

<img src=result/Reward.gif width=200>   <img src=/result/Native.gif width=200>

## 技术支持
如果您对HMS Core还处于评估阶段，可在[Reddit社区](https://www.reddit.com/r/HuaweiDevelopers/)获取关于HMS Core的最新讯息，并与其他开发者交流见解。

如果您对使用HMS示例代码有疑问，请尝试：
- 开发过程遇到问题上[Stack Overflow](https://stackoverflow.com/questions/tagged/huawei-mobile-services)，在`huawei-mobile-services`标签下提问，有华为研发专家在线一对一解决您的问题。
- 到[华为开发者论坛](https://forums.developer.huawei.com/forumPortal/en/home?fid=0101187876626530001) HMS Core板块与其他开发者进行交流。

如果您在尝试示例代码中遇到问题，请向仓库提交[issue](https://github.com/HMS-Core/hms-ads-demo-javascript/issues)，也欢迎您提交[Pull Request](https://github.com/HMS-Core/hms-ads-demo-javascript/pulls)。

##  授权许可
鲸鸿动能广告服务JavaScript示例代码经过 [Apache License, version 2.0](http://www.apache.org/licenses/LICENSE-2.0)授权许可。