Use Google advertising to monetize PhoneGap app (built with PhoneGap Build) - mobile

On AdMob, there's no option for HTML5 apps anymore, and on AdSense, mobile apps (even those based on webview, explicitly mentioned) are banned.
How can I use Google advertising to monetize PhoneGap app (built with PhoneGap Build)?

AdMob plugin was not available in PhoneGap Build before, as the old policy did not allow binary files submitted.
But now, they made a great change to their policy (http://phonegap.com/blog/2014/12/09/phonegap-build-new-features/), and now allow you to use the plugins in Cordova plugin registry.
To use Admob plugin in your app, just configure it in your config.xml:
<gap:plugin name="com.google.cordova.admob" source="plugins.cordova.io" />
To display a banner Ad:
if(AdMob) AdMob.createBanner( {
adId:admobid.banner,
position:AdMob.AD_POSITION.BOTTOM_CENTER,
autoShow:true} );
To display a full screen Ad:
// preppare and load ad resource in background, e.g. at begining of game level
if(AdMob) AdMob.prepareInterstitial( {adId:admobid.interstitial, autoShow:false} );
// show the interstitial later, e.g. at end of game level
if(AdMob) AdMob.showInterstitial();
More detailed instructions and example code are documented at its github project homepage:
https://github.com/floatinghotpot/cordova-admob-pro

PhoneGap builds native apps, so you'll have to use the Native AdMob SDK. There are guides on the web on how to do AdMob native implementation. But if you're more into plugins, check out the AdMob plugin for Cordova (Android | iOS).

Related

I had angularjs application. How to convert this into mobile app

I had web application written in AngularJS which works in all desktop and mobile browsers like Chrome, Safari etc.
Is there a way to convert it into mobile app?
You can use the framework Ionic coupled with cordova
http://ionicframework.com/
https://cordova.apache.org/
Hope it helps.
Cordova can do the job. As you have already an app, just need to build it using cordova. If you want to start a new project from scratch, Ionic will be a great option. As it is providing the layout and mobile friendly components for our use.
Please follow the steps in : https://cordova.apache.org/
You can use phone gap. In phone gap there is also plugins available for the mobile phone events like shaking and etc.
With the free version you can not add plugins, you have to buy phone gap for that.
Just create package with pure HTML, CSS and java script (angular js) and build it on the phone gap then you can download sdk and then you can install it on android.
Phone Gap

Angular material to Android app

How to convert angular website to android app? Is there any tool available to convert?
My website contains data,which is fetched through API calls only.
You may want to take a look at phonegap build from Adobe.
I have used the service before which allows you to upload your web application source and then with some extra config files, launch and splash screen icons and images you can bundle your code up to native apps ready for distribution in app stores.
So no need for knowing any iOS or Android SDK tools, plus it means you can be pretty confident your application will look the same cross platform/device

How to integrate Adobe Creative SDK Feather Editor in Ionic/Cordova

I am creating a mobile hybrid app with the Ionic framework, and I'm trying to integrate the Feather Editor. My best scenario would be that a Cordova plugin was available, since the Adobe Creative Web SDK is not optimized for mobile, but the Android and iOS SDKs are.
There are some legacy plugins, some of which are only for iOS, and the following one, which seems to be outdated, since the Feather Editor wouldn't launch:
https://github.com/m1is/AviaryCordovaPlugin
I also tried the following angular directive:
https://github.com/m00s/angular-aviary
This directive works for web, but on mobile it is not working properly, I guess because of the fact that the web SDK is not optimized for mobile. What happens is that the Feather Editor launches but it takes too much space, not fitting into the mobile screen. Plus, the tools are not showing, and a loading icon is shown forever.
So I guess that the right path would be to create a new Cordova plugin that works with the latest Cordova and Adobe Creative Android/iOS SDKs.
Has anyone tried a different approach?
The Creative SDK team recently collaborated with PhoneGap to release plugins that are compatible with PhoneGap, Cordova, and Ionic.
Among them are the new Image Editor UI PhoneGap plugin and template.
More details are on the Creative SDK blog.
You can get a quick overview of everything on offer on the Creative SDK GitHub page's Plugins section.
I developed this Cordova plugin:
https://github.com/jguix/Cordova-FeatherEditor
It currently supports Android.

Web to mobile app converter

I am looking for a service / software which takes website and wraps it in a mobile application for iPhone and Android. Without any additional features such as navigation or push messages. Just wrapping website + select app logo and name.
I am not able to find such a thing.
Maybe somebody knows?
You can try ionicframework or jQuery mobile for converting web app (client side javascript) to mobile app. Which supports both android and iOS.

IBM Worklight - Using native pages in a mobile web application

In worklight we can use native pages in a Hybrid application. Similarly I want to use the native pages in a the Mobile Web environment.
Is there any possibility to do this?
Short answer: No.
Longer answer:
WL.NativePage.show is available, as the documentation states, for Android and iOS.
Mobile Web environment - a webpage that is served, loaded, displayed, ... in the device's mobile browser app.
Hybrid app - an app that is comprised of a native shell and a WebView inside it, allowing the ability to open a native page... you do not have that in a browser.
There is no such thing in mobile web. Mobile web is a web site and not an application. However, you can leverage url schemas supported in iOS/Android. e.g. create an app that will declare myapp:// schema support and then add a link to your mobile web site, e.g. myapp://doAction1?param1=someparam
The application will start and process the URL. You can get a lot of info about it on the internet, e.g. http://wiki.akosma.com/IPhone_URL_Schemes

Resources