メインコンテンツにジャンプ
@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

ガイド

CapacitorでAdMobを使用する方法

デバイスでテスト

Download the Capgo app, then scan the QR code.

AdMob プラグインのプレビューQRcode

AdMob プラグインの使用方法 (@capgo/capacitor-admob)

Google AdMob アドプラグインのインターフェイスです。 Capacitor アプリ内で Google AdMob アドを表示します。

Install

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync プラグインのネイティブ code をあなたのネイティブ プロジェクトにコピーします。プラグインのアップグレード後は再度実行してください。

Import

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

APIの概要

Method 概要
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()

広告リクエストの設定を構成します。

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.remove() フルリファレンス

Capacitor AdMobプラグインのドキュメント

使用中の @capgo/capacitor-admob から続けてください

使用中の @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-admob 使用中の @capgo/capacitor-admob と連携してください @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-admob の実装詳細を参照してください @capgo/capacitor-admob @capgo/capacitor-admobの実装詳細 __CAPGO_KEEP_0__ プラグインディレクトリ ドキュメント Capgo リファレンス for the product workflow in Capgo Plugin Directory, Capacitor Capgoのプラグイン for Capacitor の実装詳細については、Capgo によって提供されるプラグインを参照してください。 __CAPGO_KEEP_0__ プラグイン プラグインの追加または更新

FAQ

AdMob プラグインのFAQ

Capacitor AdMob プラグインを Capacitor アプリにインストールする方法は何ですか。

Run "bun add @capgo/capacitor-admob" (or "npm install @capgo/capacitor-admob"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-admob" in your app code.

@capgo/capacitor-admobは、React、Vue、Angularとどのくらいの関係があるのでしょうか。

Yes. AdMob is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Which Capacitor version does @capgo/capacitor-admob support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

Is @capgo/capacitor-admob free and open source?

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.

AdMob を使用する code を App Store のレビューなしでアップデートできますか?

プラグインをインストールまたはアップグレードすると、ネイティブ code が変更されるため、新しいストアビルドが必要になります。その後、プラグインを呼び出す JavaScript、HTML、CSS の変更は Capgo のライブアップデートで即時発行できます。

アプリレビューの待たずにAdMobの変更を配信する

アプリをビルドした後、Capgo ライブアップデートは、JavaScript、HTML、CSSの変更をユーザーに数分で反映します。

Capgo で始めましょう。