jisoo134/hms-ads-demo-javascript

HUAWEI Ads Kit Sample code in JS version, which provides the banner, native, rewarded and interstitial ad formats for integration in H5 page

HMS Ads Demo for JavaScript

English | 中文

Table of Contents

• Introduction
• Installation
• Supported Environments
• Sample Code
• Result
• License

Introduction

The hms-ads-demo-javascript program demonstrates how to integrate the HMS Ads JavaScript API into a H5 Page and display ads.

Installation

Install the program on Huawei Android mobile phones.

Supported Environments

HMS Core (APK) 6.0.0 or later has been installed on Huawei Android phones.

Sample Code

The hms-ads-demo-javascript program integrates the HMS Ads JavaScript API and provides the pages for displaying banner, native, rewarded, interstitial ads respectively. The following html in the demo are used for loading and displaying ads and collecting user comments:

1). banner.html Loads and displays banner ads.
Code location: app\src\main\assets\banner.html

2). native.html Loads and displays native ads.
Code location: app\src\main\assets\native.html

3). reward.html Loads and displays rewarded ads.
Code location: app\src\main\assets\reward.html

4). interstitial.html Loads and displays interstitial ads.
Code location: app\src\main\assets\interstitial.html

5). ConsentActivity.java Collects user consent.
Code location: app\src\main\java\com\huawei\hms\ads\jsdemo\ConsentActivity.java

6). ProtocolActivity.java Collects user consent on privacy terms.
Code location: app\src\main\java\com\huawei\hms\ads\jsdemo\ProtocolActivity.java

Result

Banner Ads         Interstitial Ads

Reward Ads        Native Ads

Question or issues

If you want to evaluate more about HMS Core, HMSCore on Reddit is for you to keep up with latest news about HMS Core, and to exchange insights with other developers.

If you have questions about how to use HMS samples, try the following options:

• Stack Overflow is the best place for any programming questions. Be sure to tag your question with huawei-mobile-services.
• Huawei Developer Forum HMS Core Module is great for general questions, or seeking recommendations and opinions.

If you run into a bug in our samples, please submit an issue to the Repository. Even better you can submit a Pull Request with a fix.

License

hms-ads-demo-javascript is licensed under the Apache License, version 2.0.