A react-native component for Tencent Social ads
#TODO:
Banner Ad
Interstitial Ad
#Installation npm install react-native-tencent-ad -s rnpm link react-native-tencent-ad
###iOS: According tot the doc:
- add the sdk under
$(react-project)/iOS/then import it to your project - add framework dependencies
- set
other link flags-ObjC, -lstdc++ - add NSAllowsArbitraryLoads to YES (iOS >= 9)
###android: According tot the doc:
- add the sdk under
$(react-project)/android/libs/then import it to your project - modify permission in AndroidManifest.xml
- in MainApplication.java
//...
import com.mogoal.TencentAd.RNTencentAdPackage; // <--- This!
//...
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new RNTencentAdPackage() // <---- and This!
);
}
#usage ###splash ad
TencentAdSplash.addEventListener('splashAdSuccessPresentScreen', ()=>{
console.log("---splashAdSuccessPresentScreen");
});
TencentAdSplash.addEventListener('splashAdClosed', ()=>{
console.log("---splashAdClosed");
});
TencentAdSplash.addEventListener('splashAdClicked', ()=>{
console.log("---splashAdClicked");
});
TencentAdSplash.addEventListener('splashAdFailToPresent', (error)=>{
console.log("---splashAdFailToPresent");
console.log(error);
});
TencentAdSplash.setTimeOut(3);
TencentAdSplash.setBackgroundColor("#FFFF0000"); //rrggbb or AArrggbb
TencentAdSplash.showSplash(adInfo.appKey, adInfo.placementID, null);
TencentAdSplash.removeAllListeners();
//below events are iOS only
TencentAdSplash.addEventListener('splashAdApplicationWillEnterBackground', ()=>{
console.log("---splashAdApplicationWillEnterBackground");
});
TencentAdSplash.addEventListener('splashAdWillPresentFullScreenModal', ()=>{
console.log("---splashAdWillPresentFullScreenModal");
});
TencentAdSplash.addEventListener('splashAdDidDismissFullScreenModal', ()=>{
console.log("---splashAdDidDismissFullScreenModal");
});
广点通广告React-native封装
#未完成:
Banner 广告
Interstitial 广告
#安装方法 npm install react-native-tencent-ad -s rnpm link react-native-tencent-ad
###iOS: 根据文档:
- 添加SDK到目录
$(react-project)/iOS/ - 添加依赖Frameworks
- 设置
other link flags-ObjC, -lstdc++ - info.plist添加 NSAllowsArbitraryLoads to YES (iOS >= 9)
###android: 根据文档:
- 添加SDK到目录
$(react-project)/android/libs/ - 在文件AndroidManifest.xml修改所需权限
- 在 MainApplication.java
//...
import com.mogoal.TencentAd.RNTencentAdPackage; // <--- 这里!
//...
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new RNTencentAdPackage() // <---- 这里!
);
}
#使用 ###splash广告
TencentAdSplash.addEventListener('splashAdSuccessPresentScreen', ()=>{
console.log("---splashAdSuccessPresentScreen");
});
TencentAdSplash.addEventListener('splashAdClosed', ()=>{
console.log("---splashAdClosed");
});
TencentAdSplash.addEventListener('splashAdClicked', ()=>{
console.log("---splashAdClicked");
});
TencentAdSplash.addEventListener('splashAdFailToPresent', (error)=>{
console.log("---splashAdFailToPresent");
console.log(error);
});
TencentAdSplash.setTimeOut(3);
TencentAdSplash.setBackgroundColor("#FFFF0000"); //rrggbb or AArrggbb
TencentAdSplash.showSplash(adInfo.appKey, adInfo.placementID, null);
TencentAdSplash.removeAllListeners();
//以下事件仅iOS可用
TencentAdSplash.addEventListener('splashAdApplicationWillEnterBackground', ()=>{
console.log("---splashAdApplicationWillEnterBackground");
});
TencentAdSplash.addEventListener('splashAdWillPresentFullScreenModal', ()=>{
console.log("---splashAdWillPresentFullScreenModal");
});
TencentAdSplash.addEventListener('splashAdDidDismissFullScreenModal', ()=>{
console.log("---splashAdDidDismissFullScreenModal");
});