npm 包 cordova-plugin-googlemobileadsmediationmopub 使用教程-JavaScript中文网-JavaScript教程资源分享门户

随着移动互联网的普及，广告成为了移动应用盈利的常见方式之一。而若要在移动应用中嵌入广告，则需要使用到广告中介服务。Cordova 中的广告中介插件 cordova-plugin-googlemobileadsmediationmopub 就是其中一个好的选择。本文将从使用入门到深入的角度，详细介绍 cordova-plugin-googlemobileadsmediationmopub 的使用教程。

Cordova 安装

首先需要确保在本机已经安装好 Cordova。如果未安装 Cordova，可使用 npm 包管理器进行安装。打开命令行窗口，输入以下代码：

npm install -g cordova

这样就可以成功安装 Cordova。

cordova-plugin-googlemobileadsmediationmopub 安装

接着需要在 Cordova 项目中安装 cordova-plugin-googlemobileadsmediationmopub。同样在命令行窗口中输入以下命令：

cordova plugin add cordova-plugin-googlemobileadsmediationmopub

安装完成后，使用以下命令可以确认 cordova-plugin-googlemobileadsmediationmopub 是否已经加入至 Cordova 项目中：

cordova plugin list

如果列出的插件列表中包含 cordova-plugin-googlemobileadsmediationmopub，则表示安装成功。

cordova-plugin-googlemobileadsmediationmopub 集成

集成 cordova-plugin-googlemobileadsmediationmopub 的过程主要有以下几个步骤：

1. 在 MoPub 中设置应用和广告位

首先需要在 MoPub 网站注册账号，并创建一个应用和广告位。在创建广告位时，需要选择 Google Mobile Ads Network 作为广告中介。

2. 修改 Cordova 代码

在 Cordova 项目中，需要修改 app.js 文件来加载 cordova-plugin-googlemobileadsmediationmopub。

-- -------------------- ---- -------
---------------------------------------- -------------- -------

-------- --------------- -
  -- --------
  ------------------
    ------------ --------------------
    ----------------- --------------------------
    ----------- -------------------
  ---
-

需要将用户在 MoPub 中创建的应用和广告位的 ID 填入到 admob.setOptions 中。

3. 添加 ADMOB 的广告代码

要在应用中添加 ADMOB 的广告，只需要在应用页面添加以下 HTML 代码即可：

<div id="admob-ad"></div>

在 js 中调用以下代码：

admob.createBannerView({
  bannerAtTop: false,
  overlap: false,
  offsetTopBar: false,
  adSize: 'SMART_BANNER',
  position: admob.AD_POSITION.BOTTOM_CENTER,
  autoShow: true
});

这样就可以成功集成 cordova-plugin-googlemobileadsmediationmopub。

cordova-plugin-googlemobileadsmediationmopub 进阶

在初步掌握了 cordova-plugin-googlemobileadsmediationmopub 的使用后，我们可以进一步探索其他功能。例如，可以更改广告显示时间，上传广告素材，优化广告显示位置等。但这些需求并不是本文所涵盖的主要内容，如果想深入了解，可以参考 Cordova 官方文档或者 admob 插件的官方文档。

最后

通过以上介绍和操作，相信读者已经学会了如何安装和使用 cordova-plugin-googlemobileadsmediationmopub。希望本文所提供的内容对前端开发者在移动应用开发和广告展示方面提供了帮助和指导。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6005603381e8991b448de623