How do I integrate Cordova plugin on Construct 3 with JavaScript?

Hi,I need to implement this plugin:

https://developers.yodo1.com/article-categories/cordova/

I found this video where it uses Browser JavaScript to implement an Admob Cordova plugin, but I'm not sure if this is possible with this other plugin too.

The best solution would be finding someone who could make an addon.

If you want to do this with JS, you can try adding their script to the project, set its purpose to "Import for events". Then call its functions from the event sheet, for example showBanner()

You may need to call onDeviceReady() function directly to initialize the API, I don't know if the event listener will work in C3 game.

This will be difficult to test, because you'll have to build the app every time with this cordova plugin, it won't work in preview. If you are testing on Android, I suggest collecting logcat logs to check for console and error messages.

dop2000 OMG! Really useful tips, thanks so much, I've changed the function calls and changed "Import for events", but I'm checking the console log and I got this error.

About "add this plugin to config files after exporting and then continue building the project with Construct Build Service."

How I could do that? It would be very cool

Another option is to remove all references to this plugin, it's possible that ads will work without it.

So you can try changing the script like this:

function onDeviceReady() {

 console.log('Initializing API');
 document.getElementById('deviceready').classList.add('ready');

 const rivendell = window.rivendell
 console.log('banner align: ' + rivendell.BANNER_ALIGN.BANNER_HORIZONTAL_CENTER)

 rivendell.setBannerCallback(callback => {
 console.log("setBannerCallback event: " + JSON.stringify(callback.event))
 console.log("setBannerCallback error: " + JSON.stringify(callback.error))
 })

 rivendell.setInterstitialAdCallback(callback => {
 console.log("setInterstitialAdCallback event: " + JSON.stringify(callback.event))
 console.log("setInterstitialAdCallback error: " + JSON.stringify(callback.error))
 })

 rivendell.setRewardedAdCallback(callback => {
 console.log("setRewardedAdCallback event: " + JSON.stringify(callback.event))
 console.log("setRewardedAdCallback error: " + JSON.stringify(callback.error))
 })

 let appKey= "PUT ANDROID APP ID HERE";
 
 console.log("appKey: " + appKey)
 if(appKey == null)
 return

 rivendell.init(appKey, callback => {
 console.log("rivendell init: " + JSON.stringify(callback))
 switch (callback.event) {
 case rivendell.Event.ON_INIT_SUCCESS:
 console.log("init SUCCESS")
 break
 case rivendell.Event.ON_INIT_FAILED:
 console.log("init FAIL")
 break
 }
 })
}

function isBannerLoaded() {
 window.rivendell.isBannerAdLoaded(callback => {
 alert("Banner loaded: " + JSON.stringify(callback))
 })
}

function showBanner() {
 window.rivendell.showBannerAd()
}

function isInterstitialAdLoaded() {
 window.rivendell.isInterstitialAdLoaded(callback => {
 alert("Interstitial loaded: " + JSON.stringify(callback))
 })
}

function showInterstitialAd() {
 window.rivendell.showInterstitialAd()
}

function isRewardedAdLoaded() {
 window.rivendell.isRewardedAdLoaded(callback => {
 alert("RewardedAd loaded: " + JSON.stringify(callback))
 })
}

function showRewardedAd() {
 window.rivendell.showRewardedAd()
}

The error in the log indicates that the method is called, so it's fine.

To build with C3 you need to export your project for Cordova, then unzip the exported game and edit two files - config.json and config.xml

See how other cordova plugins are configured there and add "cordova-plugin-device" the same way, preserving the correct formatting!

After that add all files back to ZIP, open Export Manager in C3, load your updated zip there and click "Build application" icon.

This will only work if cordova-plugin-device plugin is whitelisted in C3, I am not sure if it is.

Thanks, I will check how to edit the xml because I used to did on Construct 2 but know the format has changed.

Yes! I checked here: https://www.construct.net/en/forum/construct-3/plugin-sdk-10/build-server-cordova-plugin-149266 and cordova-plugin-device is there!

About removing the plugin references, it wasn't working haha but was a good point. Possible because when you add the plugin it needs to add the Admob ID.

Contact Yodo1 to be able to use their advertising, they have a wasap channel from the developers, but my English is very bad, and also I have no knowledge of code (that's why I use C3).

They also told me that if someone develops a plugin for C3, they will pay the costs.