Native Ad - Image Responsiveness Issues

Plugin Version

google_mobile_ads: ^1.2.0

Steps to Reproduce

1. Create a Native Ad
2. Create a listview with cards
3. Try to make the native ad look like the cards like this example: https://lh3.googleusercontent.com/KtEoccHt7kwMVm4GdhwA-DyEcd2DEQCqWZuiQi0z2OoBQOUkD0OUIgnb75iGqHSPCHmsoPjTvVS3LprzHGGDlR2S2YUrIt7fPJZ9=w0
4. First issue - I was only able to find 2 templates?! Small and medium sizes? The Flutter version of the official documentation is not really clear about it.
5. I used the medium size template, and just tried to move the image banner to the top of the ad to look more like a card using the xml template file.
6. Seems easy but to my surprise I was not able to make the banner image fit the card, the image is not using the full size horizontally or vertically properly. And since phone screens are different, the image banner always looks weird on different screens. Screenshot example here: https://drive.google.com/file/d/1AI-hXibMXlQv8_DYQaICfE6XrRdk3RUL/view?usp=sharing
7. Tried to change the xml file, and tried different sizes in the AdWidget without any success. I’m sure I’m missing something probably simple, but I was not able to find anything about it in the official documentation or examples.

Expected results:

Trying to make the Native Ad to look like a card. Example: https://lh3.googleusercontent.com/KtEoccHt7kwMVm4GdhwA-DyEcd2DEQCqWZuiQi0z2OoBQOUkD0OUIgnb75iGqHSPCHmsoPjTvVS3LprzHGGDlR2S2YUrIt7fPJZ9=w0

Actual results:

The image inside the Native does not fit the card properly, and always looks out of place on different mobile screens: Screenshot example here: https://drive.google.com/file/d/1AI-hXibMXlQv8_DYQaICfE6XrRdk3RUL/view?usp=sharing

I changed the xml template file several times, and tried different sizes in the AdWidget without any success. I’m sure I’m missing something probably simple, but I was not able to find anything about it in the official documentation or examples.

Logs

[timothyhoang-google]

The standard size for medium rectangle ads is 300x250. This size tends to have more ad inventory available from advertisers. The fixed sizes that tend to have more ad inventory available (and are therefore more likely to serve) follow IAB standard ad size specifications.

Since native ads can be of arbitrary size, there will be whitespace around the ad image whenever the native ad image container is larger than the image asset. For Fluid native assets, whitespace can still occur around the image if the native ad image container has an aspect ratio that doesn’t match the image asset aspect ratio.

@ldobreira - since you’re using AdMob, I suspect this issue is occurring because the native image asset doesn’t match the image container precisely. Unfortunately this is working as intended as not all advertisers campaigns are capable for supporting fluid.

I’ll close this issue but feel free to reopen if you think there is a problem with native rendering (e.g. image asset in ad response should actually fit the native ad image container).

[ldobreira]

@ldobreira - Can you confirm whether you are using AdMob or Ad Manager?

* For Ad Manager, you can request fluid size native ads, which contain assets that expand into the available inventory space.

* For AdMob, there is only support for the small and medium templates, which can receive fixed size assets which may create whitespace when inflated into the available inventory space. This occurs because the aspect ratio of the advertiser provided images must be preserved.

I’m just using Admob… what should be the standard size for the medium templates?