react-native-unity-ads-monetization
v0.1.0
Published
A React Native library for integrating Unity Ads to monetize your mobile applications.
Downloads
64
Readme
React Native Unity Ads Monetization Module
This module enables React Native applications to integrate Unity Ads, providing a simple way to include ads into your mobile app for monetization. Based on Unity Ads SDK version 4.7.0, this module is designed to be easy to use, allowing developers to show ads from Unity with minimal setup.
Features
- Initialize Unity Ads with a single call.
- Load and display ads with easy-to-use functions.
- Callbacks for ad events such as loading, showing, and errors.
- Support for both Android and iOS platforms.
Installation
npm install react-native-unity-ads-monetization
# or
yarn add react-native-unity-ads-monetization
Setup
- Import the module in your React Native project.
import UnityAds from 'react-native-unity-ads-monetization';
- Initialize Unity Ads with your game ID and set up listeners for ad events.
const gameId = Platform.select({
android: 'YOUR_ANDROID_GAME_ID',
ios: 'YOUR_IOS_GAME_ID',
});
UnityAds.initialize(gameId, true).then(() => {
UnityAds.loadAd('rewardedVideo');
});
- Load and show ads in your app.
if (loaded) {
UnityAds.showAd('rewardedVideo');
}
Usage Example
Below is a simple example demonstrating how to use the Unity Ads module in a React Native app.
import React, { useState, useEffect } from 'react';
import { View, Text, Button, Platform, StyleSheet } from 'react-native';
import UnityAds from 'react-native-unity-ads-monetization';
export default function App() {
const [loaded, setLoaded] = useState(false);
useEffect(() => {
const gameId = Platform.select({
android: 'YOUR_ANDROID_GAME_ID',
ios: 'YOUR_IOS_GAME_ID',
});
UnityAds.initialize(gameId, true)
.then(_ => UnityAds.loadAd('rewardedVideo'));
UnityAds.setOnUnityAdsLoadListener({
onAdLoaded: (placementId) => {
console.log(`UnityAds.onAdLoaded: ${placementId}`);
setLoaded(true);
}
});
// Add other event listeners as needed
}, []);
return (
<View style={styles.container}>
<Text>Ads loaded: {loaded ? 'true' : 'false'}</Text>
<Button
disabled={!loaded}
onPress={() => UnityAds.showAd('rewardedVideo')}
title={'Show Ads'}
/>
</View>
);
}
// Styles for your app
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
});
License
This project is open source and available under the MIT License. This means you are free to use, share, and adapt it for your needs with appropriate attribution.
Feel free to contribute to the project on GitHub and help make it even better!