查看: 893|回复: 0

[手机开发] Expo大作战(二十五)--expo sdk api之Admob

发表于 2018-3-21 08:00:01

简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网

我猜去全部机翻+个人修改补充+demo测试的形式,对expo进行一次大补血!欢迎加入expo兴趣学习交流群:597732981

【之前我写过一些列关于expo和rn入门配置的东i西,大家可以点击这里查看:从零学习rn开发】

相关文章:

Expo大作战(一)--什么是expo,如何安装expo clinet和xde,xde如何使用

Expo大作战(二)--expo的生命周期,expo社区交流方式,expo学习必备资源,开发使用expo时关注的一些问题

Expo大作战(三)--针对已经开发过react native项目开发人员有针对性的介绍了expo,expo的局限性,开发时项目选型注意点等

Expo大作战(四)--快速用expo构建一个app,expo中的关键术语

Expo大作战(五)--expo中app.json 文件的配置信息

Expo大作战(六)--expo开发模式,expo中exp命令行工具,expo中如何查看日志log,expo中的调试方式

Expo大作战(七)--expo如何使用Genymotion模拟器

Expo大作战(八)--expo中的publish以及expo中的link,对link这块东西没有详细看,大家可以来和我交流

更多>>

写在二十三章以后的话,之前的翻译,不管如何,好与不好,终究是告一段落,也把expo基础理论的东西又深入的理解了一遍,后续expo大作战系列将主要介绍expo sdk的api。


AdMob广告

Expo包括对用于移动广告的Google AdMob SDK的支持。 该模块主要基于react-native-admob模块,因为有关该模块的文档和问题可能会有所帮助。 实现AdMob SDK的简单示例可以在此处找到。

用法

  1. import {
  2. AdMobBanner,
  3. AdMobInterstitial,
  4. PublisherBanner,
  5. AdMobRewarded
  6. } from 'expo';
  7. // Display a banner
  8. <AdMobBanner
  9. bannerSize="fullBanner"
  10. adUnitID="ca-app-pub-3940256099942544/6300978111" // Test ID, Replace with your-admob-unit-id
  11. testDeviceID="EMULATOR"
  12. didFailToReceiveAdWithError={this.bannerError} />
  13. // Display a DFP Publisher banner
  14. <PublisherBanner
  15. bannerSize="fullBanner"
  16. adUnitID="ca-app-pub-3940256099942544/6300978111" // Test ID, Replace with your-admob-unit-id
  17. testDeviceID="EMULATOR"
  18. didFailToReceiveAdWithError={this.bannerError}
  19. admobDispatchAppEvent={this.adMobEvent} />
  20. // Display an interstitial
  21. AdMobInterstitial.setAdUnitID('ca-app-pub-3940256099942544/1033173712'); // Test ID, Replace with your-admob-unit-id
  22. AdMobInterstitial.setTestDeviceID('EMULATOR');
  23. AdMobInterstitial.requestAd(() => AdMobInterstitial.showAd())
  24. // Display a rewarded ad
  25. AdMobRewarded.setAdUnitID('ca-app-pub-3940256099942544/1033173712'); // Test ID, Replace with your-admob-unit-id
  26. AdMobRewarded.setTestDeviceID('EMULATOR');
  27. AdMobRewarded.requestAd(() => AdMobRewarded.showAd());
复制代码
组件
  • AdMobBanner

bannerSize 属性
对应于iOS框架横幅(banner)大小常量

注意:Android上没有smartBannerPortrait和smartBannerLandscape。 这两个prop值都将映射到smartBanner

事件作为function props(Events as function props)

与广告生命周期事件回调相对应

AdMobInterstitials

方法

对于仿真器/仿真器,您可以使用'EMULATOR'作为测试设备ID。

事件 Event

不幸的是,事件在iOS和Android上并不一致。 要拥有一个统一的API,将等效的对引入新的事件名称。

请注意,interstitialWillLeaveApplication和onLeLeftApplication不完全相同,但在此库中共享一个事件。

AdMobRewarded

打开一个获奖的广告。(Opens a rewarded AdMob ad.)

方法


下一张继续介绍,这一篇主要介绍了:我本着官网有啥我翻译啥的原则来翻译,不过这一章,实在恶心,各位看客看心情看吧!欢迎大家关注我的微信公众号,这篇文章是否被大家认可,我的衡量标准就是公众号粉丝增长人数。欢迎大家转载,但必须保留本人博客链接!



回复

使用道具 举报