Facebook 广告网络（Facebook Audience Network）是 Facebook 推出的一项广告服务，可以在应用中集成广告，为用户提供更好的体验，同时也可以为开发者带来收益。而 cordova-facebook-audience-network-sdk 就是一个 Cordova 插件，用于在 Cordova 应用中集成 Facebook 广告网络。
本文将介绍如何使用 cordova-facebook-audience-network-sdk 这个 npm 包来集成 Facebook 广告网络，包括安装、初始化、广告请求、广告展示等方面的内容。
安装
在使用 cordova-facebook-audience-network-sdk 之前，需要先安装 Cordova 和 Facebook SDK，具体可以参考官方文档进行安装。安装好 Cordova 和 Facebook SDK 后，我们就可以在 Cordova 项目中使用 npm 命令来安装 cordova-facebook-audience-network-sdk：
npm install --save cordova-facebook-audience-network-sdk
初始化
在使用 cordova-facebook-audience-network-sdk 前，需要先进行初始化。初始化需要以下几个步骤：
- 在 Facebook Developer 页面上创建应用，并设置 Android/iOS 平台的应用 ID。
- 在 Cordova 项目中的
config.xml文件中添加以下代码：
-- -------------------- ---- -------
--------- ---------------
------------ ------------------- -----------------------------
---------- --------------------------------------------- ---------------------- --
--------------
-----------
--------- -----------
------------ ------------------------- ----------------------
-------
------
--------------------------
--------------------------------
-----------------------------
-------
-------------------------
--------
-------
--------
--------------
------------ ---------------------- ----------------------
-----------------------
--------------
-----------其中 APP_ID 是你在 Facebook Developer 页面上创建的应用的应用 ID。
- 在 Cordova 项目的
index.js文件中添加以下代码：
document.addEventListener('deviceready', () => {
FacebookAudienceNetwork.initialize();
});至此，初始化步骤已经完成。接下来我们可以进行广告请求和广告展示了。
广告请求
在进行广告请求之前，我们需要先创建广告位。在 Facebook Audience Network 的应用里，可以通过创建广告位来获取广告位 ID（Placement ID），在 Cordova 项目中需要用到。
创建好广告位后，我们可以使用 FacebookAudienceNetwork.requestAd() 方法来请求广告。该方法有以下几个参数：
placementId：广告位 ID。adFormat：广告格式，可以是banner,interstitial或native。adRequestOptions：广告请求选项，是一个对象。
例如，请求 Banner 广告的代码如下：
-- -------------------- ---- -------
------------------------------------------------- --------- -
------ ----
------- ---
--------- -------------------------------------------------
---------- -- -
-- ------
-------------- -- -
-- ------
---上述代码中的 PLACEMENT_ID 是你创建的广告位 ID，width 和 height 是广告位的宽高，position 是广告的位置，可以是 TOP, TOP_LEFT, TOP_RIGHT, CENTER, CENTER_LEFT, CENTER_RIGHT, BOTTOM, BOTTOM_LEFT, BOTTOM_RIGHT 中的一个值。
请求 Native 广告和 Interstitial 广告的方法与 Banner 广告类似，只需更改 adFormat 的值即可。
广告展示
请求到广告后，就可以进行广告展示了。在进行广告展示之前，需要先将广告插入到页面中，例如，将 Banner 广告插入到页面中的代码如下：
document.getElementById('banner-container').appendChild(ad);上述代码中的 banner-container 是一个用于存放广告的容器。对于 Native 广告和 Interstitial 广告，也需要尝试在页面中插入广告。
在插入广告后，我们可以使用 FacebookAudienceNetwork.showAd() 方法来展示广告。该方法有以下几个参数：
ad：要展示的广告。adRequestOptions：广告请求选项，是一个对象。可以不传。
例如，展示 Banner 广告的代码如下：
FacebookAudienceNetwork.showAd(ad);
至此，我们已经完成了 cordova-facebook-audience-network-sdk 的使用教程。
总结
本文介绍了如何使用 cordova-facebook-audience-network-sdk 这个 npm 包来集成 Facebook 广告网络。在使用过程中，我们需要进行初始化、广告请求以及广告展示等步骤。通过本文的学习，读者可以学会如何集成 Facebook 广告网络并在 Cordova 应用中展示广告，对于开发 Cordova 应用和集成广告的开发者来说，具有一定的指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005597f81e8991b448d70d6