帮酷LOGO
  • 显示原文与译文双语对照的内容
A react-native component for Google AdMob banners

  • 源代码名称:react-native-admob
  • 源代码网址:http://www.github.com/sbugert/react-native-admob
  • react-native-admob源代码文档
  • react-native-admob源代码下载
  • Git URL:
    git://www.github.com/sbugert/react-native-admob.git
  • Git Clone代码到本地:
    git clone http://www.github.com/sbugert/react-native-admob
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/sbugert/react-native-admob
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • react-native-admob npmnpm (next)

    对于版本 1,请查看 1.x 分支文件。

    针对谷歌AdMob横幅。空缺和奖励视频的本地模块,以及DFP的横幅。

    横幅类型是作为组件实现的,而间隙和奖励视频具有命令式的API 。

    安装

    你可以使用npm或者纱线来安装最新的测试版本:

    npm i --save react-native-admob@next

    纱线:

    yarn add react-native-admob@next

    为了使用这个库,你必须先将它链接到你的项目。 关于如何在的本地文档环境中实现这一点,有很好的文档。

    iOS

    对于 iOS,你必须在Xcode项目中添加移动广告SDK插件。

    Android

    在Android上,AdMob库代码是播放服务的一部分,当这个库被链接时,它会自动添加。

    用法

    import { AdMobBanner, AdMobInterstitial, PublisherBanner, AdMobRewarded,
    } from'react-native-admob'// Display a banner<AdMobBanneradSize="fullBanner"adUnitID="your-admob-unit-id"testDevices={[AdMobBanner.simulatorId]}onAdFailedToLoad={error=>console.error(error)}/>// Display a DFP Publisher banner<PublisherBanneradSize="fullBanner"adUnitID="your-admob-unit-id"testDevices={[PublisherBanner.simulatorId]}onAdFailedToLoad={error=>console.error(error)}onAppEvent={event=>console.log(event.name, event.info)}/>// Display an interstitialAdMobInterstitial.setAdUnitID('your-admob-unit-id');AdMobInterstitial.setTestDevices([AdMobInterstitial.simulatorId]);AdMobInterstitial.requestAd().then(() =>AdMobInterstitial.showAd());// Display a rewarded adAdMobRewarded.setAdUnitID('your-admob-unit-id');AdMobRewarded.requestAd().then(() =>AdMobRewarded.showAd());

    有关示例项目的完整示例引用,请参见。

    引用

    AdMobBanner

    属性

    对应于 iOS框架横幅大小常量

    值描述可用性大小( WxH )
    banner标准横幅电话和平板电脑320x50
    largeBanner大横幅电话和平板电脑320x100
    mediumRectangle实验室中 rectangle电话和平板电脑300x250
    fullBanner实验室全尺寸横幅平板468x60
    leaderboard实验室排行榜平板728x90
    smartBannerPortrait
    smartBannerLandscape
    智能横幅电话和平板电脑屏幕宽度x 32 |50|90

    :Android上没有 smartBannerPortraitsmartBannerLandscape 两个prop值都将映射到 smartBanner

    onAdLoaded

    接受函数。在接收到广告时调用。

    onAdFailedToLoad

    接受函数。当广告请求失败时调用。

    onAdOpened

    接受函数当广告打开覆盖屏幕的覆盖时调用。

    onAdClosed

    接受函数。当用户即将在单击广告后返回应用程序时调用。

    onAdLeftApplication

    接受函数。当用户单击将打开另一个应用程序( 例如 App Store ),backgrounding将打开当前应用程序时调用。

    onSizeChange

    接受一个函数。当横幅的大小改变时调用。 使用包含宽度和高度的对象调用该函数。

    上名称对应于广告生命周期事件回调

    PublisherBanner

    属性

    AdMobBanner 相同,添加了 2个额外属性:

    onAppEvent

    接受函数。当DFP将事件发送回应用程序时调用。

    这些事件可能在广告生命周期的任何时候发生,甚至在 onAdLoaded 被调用之前。 函数用一个对象调用,包含事件名称和信息属性,包含它的他信息。

    更多信息:https://developers.google.com/mobile-ads-sdk/docs/dfp/ios/banner#app_events

    validAdSizes

    可以提供服务的广告大小的array 。

    AdMobInterstitial

    具有 declaritive API的AdMobBannerPublisherBanner 相比,AdMobInterstitial 具有命令式 API 。

    方法:

    为所有将来的广告请求设置 AdUnit ID 。

    setTestDevices(devices)

    设置测试广告的设备。

    对于模拟器/模拟器,可以使用作为测试设备标识。

    requestAd()

    请求间隙并返回一个 promise,在加载时解析并拒绝错误。

    showAd()

    显示一个间隙,并返回一个保证,当广告被显示时,拒绝在广告未准备好显示。

    isReady(callback)

    用布尔值调用回调,不管间隙是否准备好显示。

    事件

    不幸的是,在iOS和安卓之间,事件是不一致的。 为了有一个统一的API,引入了新的事件名称,它们大致等价于。

    这个库iOS安卓
    adLoadedinterstitialDidReceiveAdonAdLoaded
    adFailedToLoadinterstitial:didFailToReceiveAdWithErroronAdFailedToLoad
    adOpenedinterstitialWillPresentScreenonAdOpened
    adFailedToOpeninterstitialDidFailToPresentScreen不支持
    adClosedinterstitialWillDismissScreenonAdClosed
    adLeftApplicationinterstitialWillLeaveApplicationonAdLeftApplication

    AdMobRewarded

    具有 declaritive API的AdMobBannerPublisherBanner 相比,AdMobRewarded 有一个命令式 API,就像 AdMobInterstitial

    方法:

    为所有将来的广告请求设置 AdUnit ID 。

    setTestDevices(devices)

    设置测试广告的设备。

    对于模拟器/模拟器,可以使用作为测试设备标识。

    requestAd()

    请求奖励广告并返回承诺,在加载时解析并拒绝错误。

    showAd()

    显示一个奖励广告,并返回一个保证,当广告被显示时,拒绝在广告未准备就绪。

    isReady(callback)

    用布尔值调用回调,不管奖励广告是否准备好显示。

    事件

    不幸的是,在iOS和安卓之间,事件是不一致的。 为了有一个统一的API,引入了新的事件名称,它们大致等价于。

    这个库iOS安卓
    adLoadedrewardBasedVideoAdDidReceiveAdonRewardedVideoAdLoaded
    adFailedToLoadrewardBasedVideoAd:didFailToLoadWithErroronRewardedVideoAdFailedToLoad
    rewardedrewardBasedVideoAd:didRewardUserWithRewardonRewarded
    adOpenedrewardBasedVideoAdDidOpenonRewardedVideoAdOpened
    videoStartedrewardBasedVideoAdDidStartPlayingonRewardedVideoStarted
    adClosedrewardBasedVideoAdDidCloseonRewardedVideoAdClosed
    adLeftApplicationrewardBasedVideoAdWillLeaveApplicationonRewardedVideoAdLeftApplication

    待办事项




    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语