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

在移动应用程序开发过程中，广告是一个很重要的收入来源。广告是通过第三方提供的 SDK 实现，而 Cordova 是一个可以开发跨平台移动应用程序的工具。

npm 包 lycwed-cordova-plugin-admob-inmobi 是 Cordova 平台上的一个插件，用于在应用程序中使用 AdMob 和 InMobi 广告。本文将详细介绍该插件的使用方法。

安装插件

在 Cordova 应用程序中使用该插件的第一步是安装插件。使用以下命令可以安装该插件：

cordova plugin add lycwed-cordova-plugin-admob-inmobi --save

该命令会将插件安装到您的项目并将其包含在项目配置中。

AdMob 配置

在使用该插件之前，您需要配置 AdMob 帐户并获得 AdMob 应用程序 ID 和广告单元 ID。如果您没有 AdMob 帐户，请通过以下步骤创建一个：

打开 AdMob 网站并使用 Google 帐户登录。
单击“应用管理”。
单击“添加应用”并添加您的应用程序信息。
在“广告单元”下创建一个广告单元。

InMobi 配置

同样地，在使用该插件之前，您还需要配置 InMobi 帐户并获取应用程序 ID 和广告单元 ID。如果您没有 InMobi 帐户，请通过以下步骤创建一个：

打开 InMobi 网站并创建一个账户。
在 InMobi 管理界面中创建一个应用并获取应用程序 ID 和广告单元 ID。

插件 API

setOptions(options, successCallback, failureCallback)：该方法用于配置 AdMob 和 InMobi 广告选项。以下选项是可用的：
- admobBannerId（字符串）：AdMob 横幅广告单元 ID。
- admobInterstitialId（字符串）：AdMob 插页式广告单元 ID。
- inmobiAccountID（字符串）：InMobi 帐户 ID。
- inmobiPlacementID（字符串）：InMobi 广告位置 ID。
showBanner(position, successCallback, failureCallback)：该方法用于显示 AdMob 横幅广告。以下位置选项是可用的：
- BOTTOM_CENTER
- BOTTOM_LEFT
- BOTTOM_RIGHT
- TOP_CENTER
- TOP_LEFT
- TOP_RIGHT
hideBanner(successCallback, failureCallback)：该方法用于隐藏 AdMob 横幅广告。
showInterstitial(successCallback, failureCallback)：该方法用于显示 AdMob 插页式广告。
showInMobiBanner(position, successCallback, failureCallback)：该方法用于显示 InMobi 横幅广告。以下位置选项是可用的：
- BOTTOM
- TOP
hideInMobiBanner(successCallback, failureCallback)：该方法用于隐藏 InMobi 横幅广告。
showInMobiInterstitial(successCallback, failureCallback)：该方法用于显示 InMobi 插页式广告。

示例代码

以下是一个简单的使用示例。它将 AdMob 和 InMobi 广告作为 Cordova 应用程序的一部分显示。

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

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

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

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

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

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

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

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

结论

在本文中，我们介绍了 npm 包 lycwed-cordova-plugin-admob-inmobi 的使用方法以及 AdMob 和 InMobi 的配置。我们还提供了一个简单的示例，可以帮助您了解该插件的基本用法。现在，您可以使用该插件在 Cordova 应用程序中显示 AdMob 和 InMobi 广告，为您的应用程序带来收入。

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