Onsen UI + InMobi integration答案

【问题标题】：Onsen UI + InMobi integrationOnsen UI + InMobi integration
【发布时间】：2014-02-21 16:06:54
【问题描述】：

我正在尝试将 inMobi 广告集成到我的 Monaca 项目中。当前的 Monaca 教程似乎已经过时，因此我与 InMobi 的一位员工进行了交谈。他告诉我把这段代码放在我想要的地方。

<script type="text/javascript"> var inmobi_conf = { siteid : myID, slot : "15", }; </script><script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>

myID 显然已替换为我的属性 ID。每当我在 ons-scroller 标签之间或之外添加它时，我都看不到广告。广告工作的唯一时间是我将它放在 index.html 中 ons-screen 标记之前，但是我无法将广告移动到底部。将此代码放在我想要的页面中的最佳位置在哪里？

谢谢，本

【问题讨论】：

标签： javascript onsen-ui inmobi monaca

【解决方案1】：

有几种方法可以实现这一目标。

粘性功能（向下滚动以了解如何将广告粘贴到底部） https://www.inmobi.com/support/integration/23906512/22051163/mobile-web-integration-guide/
粘性广告（即将推出的功能，请注意这一点 :-)）

阿克谢 JS开发， InMobi

【讨论】：

您好，我尝试了便签，但广告就消失了。下面的答案解决了放置问题，但会导致更多问题。谢谢

【解决方案2】：

您可以在屏幕后将其添加到 index.html 中。然后用这个 css 定位它。

.inmobi-ad {
    position: fixed;
    bottom: 0;
}

【讨论】：

您好，感谢它帮助将应用程序移至底部，但仍然存在一些问题。我不确定您是否可以回答这些问题，但我无法从 InMobi 支持人员那里得到答案。 1. 我在加载时遇到这些错误（cf.cdn.inmobi.com/ad/inmobi.js:1）（cf.cdn.inmobi.com/ad/adapters/sprout-imraid.1.0.0.js:1）2. 当我在广告上滚动时，它会向上滚动顶部标签栏：i.imgur.com/JO6msBO.jpg 3. 当我点击广告时，我得到 Page未找到，因为它试图在混合浏览器中打开。谢谢，本
1.我想这是因为 inmobi 脚本试图访问您的页面，这被浏览器阻止，这很好 2。您使用的是 ons-scroller 吗？你可以在没有滚动的时候添加另一个屏幕截图吗 3. 这是我们调试器的一个错误，我们正在努力解决这个问题。
这是滚动前的截图i.imgur.com/PX8SSkK.jpg 注意：不是在页面上滚动，而是在广告上滚动。该广告位于 index.html 中，它没有 ons-scroller，它只有在屏幕上通向带有 ons-scroller 的页面。谢谢
看起来父 div 占用了一些空间。您能告诉我们更多关于您的 DOM 层次结构的信息吗？
它在我的 Nexus 7 上运行良好。您能提供有关您的设备/操作系统/版本的信息吗？

【解决方案3】：

在您的 index.html 页面中，您应该：

<body>
<ons-screen page="home_navigator.html"></ons-screen>
<script type="text/javascript">
    var inmobi_conf = {
    siteid : 'f2aca88ff3d94715b354dd6af9da8326',
    slot : "15",
    sticky: "bottom"
};
</script>
<script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>
</body>

您可能需要将 ons-scroller 放在另一个页面中，例如 page1.html 以使您的滚动条正常工作并且广告出现在底部。 :)

【讨论】：