随着移动应用的不断发展,广告已经成为应用开发商不能忽视的利润来源之一。而 cordova-admob-tapjoy 这个 npm 包便成为了移动应用的一个广告解决方案。本文将详细介绍 cordova-admob-tapjoy 的使用教程,包括初始化、广告位创建、广告展示等。
安装
在项目根目录中输入以下命令安装 cordova-admob-tapjoy:
npm install cordova-admob-tapjoy --save
初始化
在使用 cordova-admob-tapjoy 之前,需要先对其进行初始化。在 deviceready
事件触发后,可以通过以下方法对 cordova-admob-tapjoy 进行初始化。
-- -------------------- ---- ------- --- ----------- - -------------------------------- ---------------------------------------- ---------- - ------------------ ------ ------------------- ---------- ----- -- -------- ------ ----- -- -------- --- -- -------
在初始化时,需要传入 appID
参数。appID
是在 AdMob 或者 Tapjoy 上创建应用时生成的 App ID。可以通过以下方式在 AdMob 或 Tapjoy 上创建应用。
在 AdMob 上创建应用
- 访问 AdMob 注册或登录。
- 点击
Apps
菜单,然后点击Add App
。 - 在弹框中输入应用信息,选择应用平台并提交。
- 创建完成后,在
App settings
中可以获得 App ID。
在 Tapjoy 上创建应用
- 访问 Tapjoy 注册或登录。
- 点击账户中的
Add APP
,然后根据提示填写应用信息并选择平台创建应用。 - 创建完成后,在
Monetization
->My Apps
中可以获得 App ID。
创建广告位
在进行广告展示前,我们需要先创建广告位。我们可以使用以下方法创建广告位。
admobTapjoy.createBanner({ adId: 'YOUR_AD_ID_HERE', adSize: 'BANNER', // 可选择的广告位,如 BANNER, MEDIUM_RECTANGLE, FULL_BANNER 等 position: admobTapjoy.AD_POSITION.BOTTOM_CENTER, // 广告位位置 autoShow: true // 是否自动展示广告 })
在创建广告位时,需要传入 adId
参数。adId
是在 AdMob 或 Tapjoy 上创建广告时生成的广告位 ID。可以通过以下方式在 AdMob 或 Tapjoy 上创建广告。
在 AdMob 上创建广告
- 打开 AdMob 并登录。
- 点击
Apps
菜单,然后选择要广告的应用。 - 在应用页面中点击
Ad units
菜单,然后点击Create ad unit
。 - 在弹框中选择广告类型以及广告位 ID 并提交。
在 Tapjoy 上创建广告
- 打开 Tapjoy 并登录。
- 在首页点击
Monetization
->Getting Started
->Integration
,根据提示进行集成。 - 在应用页面中点击
Monetization
->My Ads
,然后点击Create Ad Campaign
。 - 根据提示选择广告类型以及广告位 ID 并提交。
展示广告
广告位创建成功后,可以使用以下方法展示广告。
// 显示 banner 广告 admobTapjoy.showBanner();
示例代码
-- -------------------- ---- ------- --- ----------- - -------------------------------- ---------------------------------------- ---------- - ------------------ ------ ------------------- ---------- ----- ------ ----- --- -------------------------- ----- ------------------ ------- --------- --------- -------------------------------------- --------- ---- --- ------------------------- ---
结论
通过以上步骤,我们就可以在移动应用中集成 cordova-admob-tapjoy,实现广告展示以及利润的获取。当然,在实际的开发中,我们还需根据具体的情况进行调整和优化。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600557cb81e8991b448d4d58