Feat: Add support for Native Ads

[ghonche]

Hi
I need to implement Native Ads in my Capacitor app. But couldn't find any solution.
I really appreciate if you consider adding this feature to this plugin.

• Special thanks to the developer team for the useful plugin and good support.

[distante]

Take a look at #88 this can not be done.

[ghonche]

Any alternatives you can suggest to implement native-like ads in hybrid apps?

[distante]

No idea really. It needs to be 100% Native to work.

[mariusbolik]

Hi @distante,

it works well to embed native google maps into the content of an Ionic app. Why shouldn't it be possible with Admob ?

Menu	Tabs	Scrolling

[distante]

AFAIK google maps (even on native using a webview) renders an iframe with the map. I can be wrong about it thought.

[Nisgrak]

@distante with the new plugin of google maps it renders a native google maps, not a iframe, maybe we can copy to this plugin?

https://capacitorjs.com/docs/apis/google-maps

[distante]

I did a comment in another issue. I find the idea nice, but I do not have time at the moment due work and personal stuff, and it will be in this way for a couple of months.

[braincomb]

Found another plugin that claims to support Native Ads https://www.npmjs.com/package/capacitor-admob-ads

I made it work for Capacitor 5 just to test the AdMob Native Ad capability and it worked flawlessly.

A Native Ad is just a data payload object returned from the Mobile Ads API and then the client code decides what to do with it and how to render it, so I'm a bit confused why "it is impossible".

[stephan-fischer]

@distante means, this issue is technical viewed possible?

[distante]

@distante means, this issue is technical viewed possible?

As I understand, and like @braincomb says, it is possible since you have control were it is rendered and plugins like Google maps do that.

The thing is, you need to sync the webview with the ad native view scroll. Which is not that easy to do, AFAIK.

I tried to check the repo of the plugin that @braincomb posted but it doesn't exists.

[stephan-fischer]

@distante i think the easiest way to achieve that, is to manually update the native ad from the javascript code like:

AdMob.updateBanner({
x: 40,
y: 300,
height: 400,
cutHeight: 300 // to simulate a cut in scrolling - to show only a part
});

I found this plugin, which supports on cordova native ads:
Admob Plus Cordova Native

And yes, maybe its lags at scrolling. The solution could be to hide the ad at scroll start,
and resume the banner on scroll stop. Another solution would be to have an event, which returns
a screenshot from the ad. After that the js developer could integrate a fluid scrolling 😉

[KiddoV]

Found another plugin that claims to support Native Ads https://www.npmjs.com/package/capacitor-admob-ads

Sadly it only support Android :(. And the Github Repo: https://github.com/godwin5/capacitor-admob-ads is not found!

[orestis-z]

@KiddoV you can find the code here: https://www.npmjs.com/package/capacitor-admob-ads?activeTab=code