Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

How do we integrate cordova-plugin-admob-free into OnsenUI Vue.js App?



  • How do we include cordova-plugin-admob-free into OnsenUI Vue.js App?

    I’ve been looking everywhere for a tutorial on how to use OnsenUI with other cordova-plugins but wasn’t find anything for my particular use case.

    All I wanted to do was run a test with the following repo to integrate cordova-plugins-admob-free

    Starting Repo
    https://github.com/OnsenUI/vue-cordova-webpack

    Cordova Plugin
    https://github.com/ratson/cordova-plugin-admob-free

    I also want to state that I don’t plan on using Monaca yet because I want to test it with Cordova first.

    Currently I have installed the plugin into my repo:
    https://rlam3@bitbucket.org/rlam3/011_cordova_admob

    I’ve tried following the instructions in the cordova plugin but don’t find anything related to how I’m supposed to integrate in Vue.js. I also tried executing their script into a mounted() and script tags. But nothing works and it is giveing the following errors

    Building and running via cordova triggers the following error.

    admob is not found
    Where exactly do we implement in the .vue file the needed portions of the code and how do we properly integrate 3rd party plugins without purchasing monaca?

    Thank you !