> For now this is just a copy of [admob-plus](https://github.com/admob-plus/admob-plus) in the future I would like to refactor the code to be more Tauri friendly.
npm install tauri-plugin-admob-api> For now this is just a copy of admob-plus in the future I would like to refactor the code to be more Tauri friendly.
> The plugin currently only supports android. If you want iOS support, please feel free to create a pull request
Since this plugin is yet not published to crates.io or npm registery, we can install it using github link directly.
1. Inside your root directory run this command
``bash`
npm i https://github.com/Dreaming-Codes/tauri-plugin-admob.git
> You might need to update your tauri version to "2.4.0" or more
2. Inside your src-tauri directory run this command
`bash`
cargo add tauri-plugin-admob --git https://github.com/Dreaming-Codes/tauri-plugin-admob.git
3. Since google library uses different Kotlin version than Tauri you may need to add the following compiler
arg: -Xskip-metadata-version-check
`kotlin`
// src-tauri/gen/android/app/build.gradle.kts
kotlinOptions {
// ...
freeCompilerArgs += "-Xskip-metadata-version-check"
}
4. Add your AdMob app ID, as identified in the AdMob web interface,
to your app's AndroidManifest.xml.
To do so, add a tag with android:name="com.google.android.gms.ads.APPLICATION_ID". You can find yourandroid:value
app ID in the AdMob web interface. For , insert your own AdMob app ID, surrounded by quotation
marks.
`xml`
android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
android:value="true"/>
`ts
import { BannerAd } from "tauri-plugin-admob-api";
const showBanner = async () => {
const banner = new BannerAd({
adUnitId: "ca-app-pub-3940256099942544/9214589741",
position: "bottom",
});
await banner.load();
await banner.show();
};
``
> For more details on how to use it check the documentation of admob-plus