作者：对于任何可行的平台来说，盈利能力都至关重要，这样开发者才能从他们的辛勤工作中获益，并进一步鼓励高质量的应用程序。Mozilla 与广告网络 Inneractive 合作，创建了一个简单的库，用于将广告集成到专门为 Firefox OS 开发的应用程序和游戏中。
本文将介绍在 Firefox OS 应用程序中集成 Inneractive 广告的过程。
入门
- 从 Github 页面下载库，特别是
inneractive.js。 - 在 HTML 中包含
inneractive.js脚本（或通过任何其他脚本加载器） - 在 Inneractive 创建一个帐户。帐户获批后，您可以访问控制台并创建一个应用程序。
这将生成一个唯一的“应用程序 ID”，可以在控制面板底部找到。
创建广告
您的应用程序应该可以访问全局 Inneractive 对象。使用函数 createAd 创建一个广告。
var myAd = Inneractive.createAd(options)
options 是一个用于自定义广告的对象。可用的选项
如下：
- APP_ID – 这是在通过 Inneractive 控制台创建应用程序时在上一节中找到的。
- TYPE – 可以是三种广告类型之一
Banner：通常固定在屏幕底部的小广告。Rectangle：通常位于屏幕中央的中型广告。Interstitial：通常在关卡或屏幕之间显示的全屏广告。
- REFRESH_RATE – 旋转广告之间的时间（以秒为单位）。最小值为 15 秒，默认值为 30 秒。
示例
var options = {
TYPE: "Banner",
REFRESH_RATE: 18,
APP_ID: "Test_App_ID"
};
var myAd = Inneractive.createAd(options);
放置广告
使用您的选项创建广告后，您需要将其放置在屏幕上。
函数 addTo 会将广告放置在父节点下的 DOM 树中。您通常可以使用 document.body
myAd.addTo(document.body);
这会将广告放置在网页的 <body> 元素下。
然后，您需要使用函数 placement 定位广告。此函数接受两个参数，即垂直位置和水平位置，其中选项为 top、bottom、center 和 left、right、center。
要将横幅广告放置在屏幕底部，您可以执行以下操作
myAd.placement("bottom", "center");
位于屏幕正中央的矩形广告
myAd.placement("center", "center");
移除广告
如果出于任何原因需要从屏幕上移除广告，请使用函数 remove。
myAd.remove();
移除广告后，您无法将其恢复，需要使用 Inneractive.createAd() 创建一个新广告。
如果您在使用该库时遇到任何问题或需要支持，可以在 Github 问题跟踪器 上提交问题。
更多盈利选项
使用 Firefox OS，您可以使用任何在浏览器中可以使用的喜爱的广告网络，例如使用其集成代码的 Google Adsense。
您还可以选择集成应用内支付，以便通过您的应用或游戏销售数字商品。
关于 Louis Stowasser
我是 Mozilla 的合作伙伴工程师、《游戏开发周刊》的维护者和 CraftyJS 游戏引擎的创建者，居住在澳大利亚布里斯班。
关于 Robert Nyman [名誉编辑]
Mozilla Hacks 的技术推广者和编辑。发表关于 HTML5、JavaScript 和开放网络的演讲和博客。Robert 坚信 HTML5 和开放网络，自 1999 年以来一直在瑞典和纽约市从事 Web 前端开发工作。他还定期在 http://robertnyman.com 上发表博客，并且热爱旅行和结识新朋友。
15 条评论