Open the InMobi iframe link in the device’s browser (call collection)

Question

I created a mobile application using jQuery Mobile and built it for iOS and Android via PhoneGap Build v2.5. Then I successfully added inmobi declarations using their javascript api. The ad shows just fine, but the problem occurs when the user clicks on the ad when the ad accepts the application. This is not a problem in Android, as users have a back button, but on iOS devices the user is stuck and cannot return to my application.

I have successfully configured all the external links contained in my application to open them in the device browser, passing all the URL to this function:

function openNewBrowser(url) { window.open(encodeURI(url), '_system'); return false; } 

But the inmobi declaration is inside the iframe in my application, and I can not control how they pass their url. I also tried linking jQuery Mobile to catch all the events on the site and process them using:

 $(document).bind("pagebeforechange", function(e, data) { if(typeof data.toPage === 'object' || data.toPage.indexOf("index.html#") >= 0) { //internal URL so do nothing } else { //external URL so send to openNewBrowser console.log('page is external'); openNewBrowser(data.toPage); e.stopPropagation(); return false; } }); 

but "else" never fires. The inmobi ad just captures the application and the user is forced to kill and restart the application back to usable state. Is there any other event that I should listen to?

This is how I call the inmobi declaration:

 var inmobi_conf = { siteid : "*******mySiteId*******", slot : "15", manual: true, test: true, targetWindow: "_blank" }; 

I would (and try) set "targetWindow" to _system, but the only valid parameters are _blank and _top.

Does anyone know how to get iFrame links (which you cannot install in _system) to open in their own browser instead of grabbing the application or getting an inmobi ad so as not to take over the application?

Answer 1

I ended up working on this issue by setting in the config.xml file. This is a terrible job, but it's the best I have. Hope someone else can come up with something better.

Using a dummy iframe as the target will also work:

 /* document.body.insertAdjacentHTML ("beforeend", "<iframe id='myframe' width='0' height='0'></iframe>" ) */ document.body.appendChild ( document.createElement("iframe") ).setAttribute("id", "myframe") var inmobi_conf = { siteid : "*******mySiteId*******", slot : "15", manual: true, test: true, targetWindow: "myframe" }; 

References

• HTML Training, Anchor Elements: Link Options