Jetpack Compose展示AdMob原生广告时onAdImpression未触发问题

问题场景 #

使用Jetpack Compose集成AdMob原生广告时，广告能正常加载展示，但AdListener中的onAdImpression方法不会在首次展示时触发；只有将应用切到后台再返回前台，该方法才会被正常调用。

问题原因 #

1. 视图生命周期时机不匹配：在Compose的AndroidView的update块中设置nativeAd时，NativeAdView可能还未完全附加到Compose的视图层级中，AdMob的曝光检测机制无法识别到广告已可见。
2. 重复绑定NativeAd：update块会在Compose重组时多次执行，重复调用setNativeAd会干扰AdMob的正常曝光逻辑，而且NativeAd对象只能绑定到一个NativeAdView，重复绑定会导致异常行为。

修复方案 #

1. 确保NativeAdView完成布局并附加到视图树后，再绑定NativeAd对象；
2. 限制NativeAd的绑定操作只执行一次，避免重复触发异常逻辑；
3. 通过ViewTreeObserver监听视图布局完成事件，确保曝光检测能正常触发。

修正后的代码示例 #

import android.view.LayoutInflater
import android.view.ViewTreeObserver
import android.widget.Button
import android.widget.ImageView
import android.widget.TextView
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.viewinterop.AndroidView
import com.google.android.gms.ads.AdListener
import com.google.android.gms.ads.AdLoader
import com.google.android.gms.ads.AdRequest
import com.google.android.gms.ads.LoadAdError
import com.google.android.gms.ads.nativead.MediaView
import com.google.android.gms.ads.nativead.NativeAd
import com.google.android.gms.ads.nativead.NativeAdView

@Composable
fun MyNativeAdView(adUnitId: String) {
    val context = LocalContext.current
    val nativeAd = remember { mutableStateOf<NativeAd?>(null) }
    val adBound = remember { mutableStateOf(false) } // 标记广告是否已完成绑定

    val adLoader = remember {
        AdLoader.Builder(context, adUnitId)
            .forNativeAd { loadedAd ->
                nativeAd.value = loadedAd
                adBound.value = false // 新广告加载后重置绑定标记
            }
            .withAdListener(object : AdListener() {
                override fun onAdFailedToLoad(error: LoadAdError) {
                    super.onAdFailedToLoad(error)
                    println("AdmobNativeAd onAdFailedToLoad $error")
                }

                override fun onAdLoaded() {
                    super.onAdLoaded()
                    println("AdmobNativeAd onAdLoaded")
                }

                override fun onAdImpression() {
                    super.onAdImpression()
                    println("AdmobNativeAd onAdImpression")
                }
            })
            .build()
    }

    LaunchedEffect(Unit) {
        adLoader.loadAd(AdRequest.Builder().build())
    }

    AndroidView(
        factory = { ctx ->
            LayoutInflater.from(ctx)
                .inflate(R.layout.native_ad_admob_medium, null) as NativeAdView
        },
        modifier = Modifier.fillMaxWidth(),
        update = { adView ->
            // 初始化视图映射，只需执行一次
            val adIconView = adView.findViewById<ImageView>(R.id.ad_app_icon)
            val adHeadlineView = adView.findViewById<TextView>(R.id.ad_headline)
            val adBodyView = adView.findViewById<TextView>(R.id.ad_body)
            val adCallToActionView = adView.findViewById<Button>(R.id.ad_call_to_action)
            val adAdvertiserView = adView.findViewById<TextView>(R.id.ad_flag)
            val adMediaView = adView.findViewById<MediaView>(R.id.ad_media)

            adView.headlineView = adHeadlineView
            adView.bodyView = adBodyView
            adView.callToActionView = adCallToActionView
            adView.iconView = adIconView
            adView.advertiserView = adAdvertiserView
            adView.mediaView = adMediaView

            // 仅当广告存在且未绑定过时执行绑定逻辑
            val loadedAd = nativeAd.value
            if (loadedAd != null && !adBound.value) {
                // 填充广告内容
                adIconView.setImageDrawable(loadedAd.icon?.drawable)
                adHeadlineView.text = loadedAd.headline
                adBodyView.text = loadedAd.body
                adCallToActionView.text = loadedAd.callToAction
                adAdvertiserView.text = loadedAd.advertiser

                adMediaView.mediaContent = loadedAd.mediaContent
                adMediaView.setImageScaleType(ImageView.ScaleType.CENTER_CROP)

                // 监听视图布局完成事件，确保曝光检测正常触发
                adView.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
                    override fun onGlobalLayout() {
                        adView.viewTreeObserver.removeOnGlobalLayoutListener(this)
                        adView.setNativeAd(loadedAd)
                        adBound.value = true // 标记广告已绑定
                    }
                })
            }
        }
    )
}

调用代码保持不变 #

@Composable
fun MyScreen() {
    MyNativeAdView("ca-app-pub-3940256099942544/2247696110")
}

额外说明 #

• adBound状态标记用于避免重复绑定NativeAd，因为每个NativeAd实例只能绑定到一个NativeAdView；
• ViewTreeObserver.OnGlobalLayoutListener确保视图完成布局后再绑定广告，让AdMob的曝光检测逻辑能正确识别广告可见性；
• 新广告加载时重置adBound标记，确保新广告能正常完成绑定流程。

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