본문으로 건너뛰기
@capgo/capacitor-admob 상업 오픈 소스

AdMob Capacitor 플러그인

Google AdMob 배너, 간접, 보상 광고로 앱을 수익화하세요

설치

bun add @capgo/capacitor-admob bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-admob
  • pnpm add @capgo/capacitor-admob
  • yarn add @capgo/capacitor-admob

가이드

How to use AdMob in Capacitor

AdMob을 사용하기 위해 @capgo/capacitor-admob을 사용합니다.

AdMob 플러스 플러그인 인터페이스, Capacitor 앱에서 Google AdMob 광고를 표시하는 데 사용됩니다.

설치

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync code의 네이티브 코드를 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

import

import { AdMob } from '@capgo/capacitor-admob';

API의 개요

메서드 설명
start SDK을 초기화하고 시작합니다.
configure AdMob 설정을 구성합니다.
configRequest 광고 요청 설정을 구성합니다.
adCreate 새로운 광고 인스턴스를 만들십시오.
adIsLoaded 광고가 로드되어 표시될 준비가 되었는지 확인하십시오.
adLoad 광고를 로드하십시오.
adShow 로드된 광고를 표시하십시오.
adHide 현재 표시 중인 광고를 숨기십시오.
trackingAuthorizationStatus 현재 트래킹 권한 상태를 가져오십시오 (iOS 전용).
requestTrackingAuthorization 사용자로부터 트래킹 권한을 요청하십시오 (iOS 전용).

예시

start()

Initialize and start the AdMob SDK.

import { AdMob } from '@capgo/capacitor-admob';

await AdMob.start();

configure()

AdMob을 초기화하고 시작하십시오.

import { AdMob } from '@capgo/capacitor-admob';

await AdMob.configure({
  appMuted: false,
  appVolume: 0.5
});

configRequest()

AdMob 설정을 구성하십시오.

import { AdMob, MaxAdContentRating } from '@capgo/capacitor-admob';

await AdMob.configRequest({
  maxAdContentRating: MaxAdContentRating.PG,
  tagForChildDirectedTreatment: true,
  testDeviceIds: ['test-device-id']
});

adCreate()

새로운 광고 인스턴스를 만들십시오.

import { AdMob } from '@capgo/capacitor-admob';

await AdMob.adCreate({
  adUnitId: 'ca-app-pub-3940256099942544/1033173712'
});

adIsLoaded()

광고가 로드되어 표시될 준비가 되었는지 확인합니다.

import { AdMob } from '@capgo/capacitor-admob';

const isLoaded = await AdMob.adIsLoaded({ id: 1 });
if (isLoaded) {
  await AdMob.adShow({ id: 1 });
}

adLoad()

광고를 로드합니다.

import { AdMob } from '@capgo/capacitor-admob';

await AdMob.adLoad({ id: 1 });

위 표에 나열된 10 개의 핵심 메소드는 문서화되어 있습니다. 리스너 및 버전 도우미, 각 메소드의 전체 계약은 __CAPGO_KEEP_0__ 저장소에서 설명되어 있습니다. GitHub 레포지토리.

이벤트를 듣습니다.

addListener handle을 반환합니다. 화면이 언마운트되면 __CAPGO_KEEP_0__를 호출합니다. handle.remove() 전체 참조

문서

@capgo/capacitor-admob

Capacitor-Admob 플러그인을 사용 중이라면 @capgo/capacitor-admob Capacitor-Admob 플러그인을 사용 중이라면 @capgo/capacitor-admob @capgo/capacitor-admob 구현 세부 사항을 위해 Capacitor-Admob 플러그인을 사용 중이라면 Capacitor-Admob 플러그인을 사용 중이라면 Capgo 플러그인 디렉토리 for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for Capacitor 구현 세부 사항에 대한 Capgo 플러그인에 의해 Capacitor-Admob 플러그인을 사용 중이라면 Capacitor-Admob 플러그인 구현 세부 사항에 대한 정보입니다.

FAQ

AdMob 플러그인 FAQ

AdMob 플러그인을 Capacitor 앱에 설치하는 방법은 어떻게 되나요?

bun에 "capgo/capacitor-admob" (또는 "npm install @capgo/capacitor-admob")를 실행한 후 "bunx cap sync"를 실행하여 iOS와 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 앱 code에서 "@capgo/capacitor-admob"을 임포트하세요.

@capgo/capacitor-admob은 React, Vue 및 Angular과 함께 작동하나요?

네. AdMob은 Capacitor 패키지이므로, Capacitor 내부에서 실행되는 모든 웹 프레임워크와 함께 작동합니다. 예를 들어 Ionic, React, Vue, Angular, Svelte 및 단순한 JavaScript도 포함됩니다.

어떤 Capacitor 버전이 @capgo/capacitor-admob을 지원하나요?

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다. 예를 들어 플러그인 v8과 Capacitor 8이면, 플러그인 메이저 버전이 Capacitor 메이저 버전과 일치해야 합니다. GitHub README에서 제공하는 호환성 테이블을 참조하세요.

@capgo/capacitor-admob은 무료이고 오픈 소스인가요?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-admob/ and the package is free to install from npm. Bug reports and pull requests are welcome.

code가 AdMob을 사용하는 경우 App Store 리뷰 없이 업데이트가 가능한가요?

플러그인을 설치하거나 업그레이드하면 네이티브 code이 변경되므로, 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo Live Update를 통해 즉시 배포할 수 있습니다.

앱 리뷰 대기 없이 AdMob 변경을 배포하세요.

플러그인이 스토어 빌드에 포함되면 Capgo 라이브 업데이트 기능은 사용자에게 몇 분만에 자바 스크립트, HTML 및 CSS 변경 사항을 푸시합니다.

Capgo로 시작하세요.