来自 摄影世界 2019-09-23 06:41 的文章
当前位置: bob体育平台 > 摄影世界 > 正文

用ps制作精密的网址banner,ionic增加admob广告教程

广告条对于网址以来比较重大,本教程学习怎样用photoshop制作多个468x60的正式网址的广告条,先看功效图。

1.在您的ionic项目中运用如下命令增添admob插件:

图片 1

cordova plugin add cordova-plugin-admobpro

新建文书档案468x60像素,背景深青莲,输入文字。

2.增多产生后,在$ionicPlatform.ready的回调中增加如下代码:

图片 2

if (window.AdMob) {
  var adMobId;
  if (ionic.Platform.isIOS()) {
    adMobId = {
      banner: 'your-ios-id',
      interstitial: 'your-ios-id'
    };
  } else if (ionic.Platform.isAndroid()) {
    adMobId = {
      banner: 'your-android-id',
      interstitial: 'your-android-id'
    };
  }

  if (adMobId) {
    // Banner广告
    AdMob.createBanner({
      adId: adMobId.banner,
      autoShow: true,
      bgColor: 'black',
      position: AdMob.AD_POSITION.BOTTOM_CENTER,
      isTesting: false,
      success: function () {
        console.log("createBanner success!")
      },
      error: function (err) {
        console.log("createBanner fail!", err)
      }
    });

     //全屏广告预加载
     AdMob.prepareInterstitial({
     adId: adMobId.interstitial,
     autoShow: false
     });

  }
  else {
    console.log("AdMob is null");
  }
}

底层建新层,用钢笔画一路线,填充狂妄颜色。

在安卓情况下记得加上如下包:

图片 3

图片 4

学科未完,请看下一页!

下一场你的ionic程序就足以现身广告毛利啦。

当然,俺有在数不清时候想调度广告的岗位或样式等等的,那么上边我们来看一下广告的种种充足方式:

// 显示广告条,默认在顶端的智能广告条
if(AdMob) AdMob.createBanner( admobid.banner );

// 或者, 在底部显示广告条
if(AdMob) AdMob.createBanner( {
    adId:admobid.banner, 
    position:AdMob.AD_POSITION.BOTTOM_CENTER, 
    autoShow:true} );

// 或者,已浮动模式,在底部显示方块广告
if(AdMob) AdMob.createBanner( {
    adId:admobid.banner, 
    adSize:'MEDIUM_RECTANGLE', 
    overlap:true, 
    position:AdMob.AD_POSITION.BOTTOM_CENTER, 
    autoShow:true} );

// 或者,在指定的位置,显示指定大小的广告
if(AdMob) AdMob.createBanner( {
    adId:admobid.banner, 
    adSize:'CUSTOM',  width:200, height:200, 
    overlap:true, 
    position:AdMob.AD_POSITION.POS_XY, x:100, y:200, 
    autoShow:true} );
// 显示全屏广告,例如,在某个游戏关卡结束的时候
if(AdMob) AdMob.showInterstitial();

具体方法:
AdMob.setOptions(options)
给其余的方法调用设置暗中认可参数,全数的门类都以可选的,若无则用暗许值。

参数 options:

{
    bannerId, //string, 设置广告条的默认广告 ID,例如 'ca-app-pub-xxx/xxx'
    interstitialId, //string, 设置全屏广告的默认广告 ID,例如 'ca-app-pub-xxx/xxx'
    adSize, string, //设置广告条的大小,默认值:'SMART_BANNER'.                                      
    width, //integer, 广告条的宽度, 需要指定 adSize:'CUSTOM'. 默认值: 0
    height, //integer, 广告条的高度,需要指定 adSize:'CUSTOM'. 默认值: 0
    overlap, //*boolean@, 浮动模式,允许广告条覆盖在Web内容的上面,否则的话会把Webview向上或者向下推,避免遮挡. 默认值:false
    position, //integer, 广告条的位置,, 默认值:TOP_CENTER (上面居中). 
    x, //integer, x坐标. 当 overlap:true 和 position:AdMob.AD_POSITION.POS_XY 的时候有效. 默认值: 0
    y, //integer, y坐标. 当 overlap:true 和 position:AdMob.AD_POSITION.POS_XY 的时候有效. 默认值: 0
    isTesting, //boolean, 用于测试,当设置为 true 的时候,可以接收测试广告,发布的时候,请务必设置为 false,否则不计算收益。
    autoShow, //boolean, 当广告准备就绪时自动显示,否则需要调用 showBanner 或者 showInterstitial
    orientationRenew, //boolean, 在屏幕方向发生变化时,强制销毁和重新创建广告条,一般情况不用设置。
    adExtras, //json object, 为广告显示设置额外的色彩风格.
}

其中:

adSize的值或许为:

'SMART_BANNE宝马7系', // 推荐,自动适应显示器大小和冲天
'BANNER', 
'MEDIUM_RECTANGLE', 
'FULL_BANNER', 
'LEADERBOARD', 
'SKYSCRAPER', 
'CUSTOM', // 用于自定义大小,供给钦命参数 'width' 和 'height'

position的值大概为:

AdMob.AD_POSITION.NO_CHANGE = 0,

AdMob.AD_POSITION.TOP_LEFT = 1,

AdMob.AD_POSITION.TOP_CENTER = 2,

AdMob.AD_POSITION.TOP_RIGHT = 3,

AdMob.AD_POSITION.LEFT = 4,

AdMob.AD_POSITION.CENTER = 5,

AdMob.AD_POSITION.RIGHT = 6,

AdMob.AD_POSITION.BOTTOM_LEFT = 7,

AdMob.AD_POSITION.BOTTOM_CENTER = 8,

AdMob.AD_POSITION.BOTTOM_RIGHT = 9,

AdMob.AD_POSITION.POS_XY = 10, // 用于钦命地方 X 和 Y, 参见 'x' and 'y'

AdMob.createBanner(adId/options, success, fail)

创建广告条. 那些办法可以流传广告的ID字符串,也得以流传Json对象以带有越来越多的选项。

参数:

 

{
adId, //string, 广告条的 ID.
options, //json object, 可以附带参数选项.
success, //function, 成功之后的回调函数,可以为 null 或者 缺失.
fail, //function, 失败之后的回调函数,可以为 null 或者 缺失.
}

AdMob.showBanner(position)

用途: 在钦点的职位呈现广告条. 也能够用来移动广告条,而无需销毁和重新创造广告条。

参数:
position, integer, 参见 AdMob.setOptions()

AdMob.showBannerAtXY(x, y)
用途: 在拟定的坐标地方 (x,y) 展现广告条.

参数:
x, integer, 像素. 从荧屏侧边总计的偏移量.
y, integer, 像素. 从荧屏上方计算的偏移量.

AdMob.hideBanner()
用途: 隐蔽广告条。一时从显示屏上移除,但从未灭绝,稍后仍可以继续展现.

AdMob.removeBanner()
用途: 销毁广告条,不再显得时调用,例如客户已经付费,去掉广告。
AdMob.prepareInterstitial(adId/options, success, fail)
用途: 计划全屏广告能源,用于后续展现。
友情提示: 经常全屏广告供给非常多的图片能源比广告条稍多,因而流量也会稍多一些,平常须要一小点时间来筹算,那样客商无需等候,体验会越来越好。

AdMob.showInterstitial()
用途: 当全屏广告计划安妥时,突显给客户看。

AdMob.isInterstitialReady(callback)
用途: 检查全屏广告能源是或不是已经筹算妥善。平常不供给调用,最好办法是响应相关的风云。

初稿链接:

 

本文由bob体育平台发布于摄影世界,转载请注明出处:用ps制作精密的网址banner,ionic增加admob广告教程

关键词: