애드몹(AdMob) GDPR 적용 - React Native(안드로이드)

-keep class com.google.android.gms.internal.consent_sdk.** { *; }

{
  "react-native-google-mobile-ads": {
    "android_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx",
    "ios_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx",
    "delay_app_measurement_init": true
  }
}

// https://docs.page/invertase/react-native-google-mobile-ads/european-user-consent
import mobileAds, {AdsConsent, AdsConsentDebugGeography} from 'react-native-google-mobile-ads';

const debugParams = {
  debugGeography: AdsConsentDebugGeography.EEA,
  testDeviceIdentifiers: ['본인의-테스트-디바이스-해시-아이디'],
}

// AdsMob 초기화
function initializeMobileAdsSdk() {
  mobileAds()
    .initialize()
    .then(adapterStatuses => {
      console.log("mobileAds initialize:", adapterStatuses);
    });
}

// 동의 여부 확인
async function checkIsNotAgreement() {
  const {
    activelyScanDeviceCharacteristicsForIdentification,
    applyMarketResearchToGenerateAudienceInsights,
    createAPersonalisedAdsProfile,
    createAPersonalisedContentProfile,
    developAndImproveProducts,
    measureAdPerformance,
    measureContentPerformance,
    selectBasicAds,
    selectPersonalisedAds,
    selectPersonalisedContent,
    storeAndAccessInformationOnDevice,
    usePreciseGeolocationData,
  } = await AdsConsent.getUserChoices();

  return (
    applyMarketResearchToGenerateAudienceInsights === false ||
    createAPersonalisedAdsProfile === false ||
    createAPersonalisedContentProfile === false ||
    developAndImproveProducts === false ||
    measureAdPerformance === false ||
    measureContentPerformance === false ||
    selectBasicAds === false ||
    selectPersonalisedAds === false ||
    selectPersonalisedContent === false ||
    storeAndAccessInformationOnDevice === false ||
    usePreciseGeolocationData === false
  )
}

async function requestConsent() {
  return await AdsConsent.requestInfoUpdate();
  //return await AdsConsent.requestInfoUpdate(debugParams); // 테스트 시에는 debugParams 추가
}

// 최초 로드 및 동의 여부 확인
export async function loadGdprAdsConsent(
) {
  try{
    //await AdsConsent.reset(); // 테스트 시에만 사용
    const data = await requestConsent();

    if(data.isConsentFormAvailable){
      const resultForm = await AdsConsent.loadAndShowConsentFormIfRequired();

      // 이미 동의 또는 동의 거부한 상태일 경우, 동의 거부 상태 확인하여 동의 요청
      if(data.status === 'OBTAINED'){
        const isNotAgreement = await checkIsNotAgreement();

        if(isNotAgreement) {
          await AdsConsent.showForm();
        }
      }

      if(resultForm.canRequestAds === true) {
        initializeMobileAdsSdk()
      }
    } else {
      initializeMobileAdsSdk()
    }
  }
  catch(error) {
    console.log('loadGdprAdsConsent > error: ', error);
    initializeMobileAdsSdk();
  }
}

// Consent Available 확인 (EEA 지역 여부)
export async function checkIsConsentAvailable() {
  try{
    const data = await requestConsent();
    //console.log('checkConsentAvailable > data: ', data);

    return data.isConsentFormAvailable;
  }catch (error) {
    console.log('checkConsentAvailable > error: ', error);
    return false;
  }
}

// 버튼 클릭 및 화면 이동 등 액션에 따라 동의 여부 확인 후 동의 요청
export async function showAdsConsentForm(
  consentCallback?: () => void,
  notConsentCallback?: () => void,
) {
  try{
    const data = await requestConsent();

    if(data.isConsentFormAvailable){
      const isNotAgreement = await checkIsNotAgreement();

      if(isNotAgreement) {
        await AdsConsent.showForm();

        // 동의 결과 재 확인
        const isNotAgreementResult = await checkIsNotAgreement();

        if(isNotAgreementResult) {
          // 동의 거부시 처리
          notConsentCallback && notConsentCallback();
        } else {
          // 동의 완료시 처리
          consentCallback && consentCallback();
        }
      } else {
        // 동의 완료시 처리
        consentCallback && consentCallback();
      }
    }
    else {
      // 동의 폼 없을 시 처리
      consentCallback && consentCallback();
    }
  }catch (error) {
    console.log('showAdsConsentForm > error: ', error);
  }
}

// 설정에서 동의 여부 변경
export async function showPrivacyOptionsForm() {
  try{
    const data = await requestConsent();

    if(data.isConsentFormAvailable){
      await AdsConsent.showPrivacyOptionsForm()
    }
  }catch (error) {
    console.log('showPrivacyOptionsForm > error: ', error);
  }
}

adb shell "logcat -d | grep Ads"

async function requestConsent() {
  //return await AdsConsent.requestInfoUpdate();
  return await AdsConsent.requestInfoUpdate(debugParams); // 테스트 시에는 debugParams 추가
}

// App.tsx
import React, {useEffect} from 'react';
import AppNavigator from './navigation/AppNavigator';
import {loadGdprAdsConsent} from './api/gdprAdsConsent';

export default function App() {

  useEffect(() => {
    loadGdprAdsConsent().then(() => {
      console.log("loadGdprAdsConsent completed");
    }).catch((err) => {
      console.log("loadGdprAdsConsent err: ", err);
    });
  }, []);

  return (
    <AppNavigator/>
  );
}

  // 그룹 생성 버튼 클릭 시
  const onClickNewGroup = () => {
    showAdsConsentForm(() => {
      GlobalModal.showPopup(<GroupCreateModal refresh={refresh} />, t('create_group'))
    }).then(() => {})
  }

  // 설정으로 이동 시
  const goToSetting = () => {
    showAdsConsentForm(() => {
      navigation.navigate('Setting');
    }).then(() => {})
  }

export const SettingScreen = () => {
  const [isConsentAvailable, setIsConsentAvailable] = useState(false);

  useEffect(() => {
    checkIsConsentAvailable().then((isAvailable) => {
      setIsConsentAvailable(isAvailable);
    })
  }, []);

  return (
    <View style={globalStyles.container}>
      {isConsentAvailable &&
      <TouchableOpacity style={styles.listContainer} onPress={() => showPrivacyOptionsForm()}>
        <AppText style={styles.listTitle}>Change GDPR Settings</AppText>
      </TouchableOpacity>}
    </View>
  );
}