在Ionic 3中自定义Admob：广告位置调整及Admob Pro可行性咨询

Hey there! Let's break down your questions about adjusting AdMob ad positions in your Ionic app:

Can Admob Free display ads at arbitrary positions? #

Unfortunately, no—the Ionic Native Admob Free plugin wraps Google's standard AdMob SDK, which restricts banner ads to fixed top or bottom positions by default. The plugin doesn't expose APIs to set custom X/Y coordinates or arbitrary placement for banner ads. While interstitial or rewarded ads are full-screen and avoid this limitation, banner ads are locked to standard native positions when using Admob Free.

Some developers try hacky workarounds (like wrapping the ad in a custom web container and using CSS), but these often break across platforms or cause rendering glitches—since the ad is a native view, not a web element, CSS can't reliably control its position. I wouldn't recommend relying on these.

Does Admob Pro support custom ad positioning? #

Absolutely! Admob Pro (now often referenced as AdMob Plus, though the legacy Admob Pro plugin also includes this feature) offers far more flexibility for ad placement. It explicitly lets you set custom positions using pixel coordinates, or choose from additional relative placement options beyond just top/bottom.

Solution: Implementing Custom Positioning with Admob Pro #

Here's a practical example of setting a custom banner position using the Ionic Native Admob Pro plugin:

1. First, install the plugin (if you haven't already):

ionic cordova plugin add cordova-plugin-admobpro
npm install @ionic-native/admob-pro/ngx

2. In your component or service, initialize and display the banner with custom coordinates:

import { AdmobPro } from '@ionic-native/admob-pro/ngx';

constructor(private admobPro: AdmobPro) { }

setupCustomBanner() {
  const bannerOptions = {
    id: 'your-ad-unit-id', // Replace with your actual ad unit ID
    isTesting: true, // Enable testing mode during development
    position: this.admobPro.AD_POSITION.POS_CUSTOM, // Enable custom position mode
    x: 50, // Horizontal offset from the left (adjust as needed)
    y: 200 // Vertical offset from the top (adjust as needed)
  };

  this.admobPro.createBanner(bannerOptions)
    .then(() => this.admobPro.showBanner(bannerOptions.position))
    .catch(error => console.log('Ad loading error:', error));
}

You can also use predefined relative positions like POS_CENTER, POS_LEFT_CENTER, etc., if you don't need pixel-perfect control.

Final Notes #

If custom ad placement is a non-negotiable feature for your app, switching to Admob Pro (or AdMob Plus) is the most reliable approach. Admob Free works great for basic ad integration but lacks the advanced positioning capabilities you're looking for.

内容的提问来源于stack exchange，提问作者Ken Kubomi