跳过主要内容

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

使用 @capgo/capacitor-admob

AdMob Plus 插件接口,用于在 Capacitor 应用中显示 Google AdMob 广告

安装

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync 复制插件的本机 code 到您的本机项目中。每次升级插件后都重新运行它。

导入

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

API 简介

方法 描述
start 初始化并启动 AdMob SDK。
configure 配置 AdMob 设置。
configRequest 配置广告请求设置。
adCreate 创建一个新的广告实例。
adIsLoaded 检查是否有一个可供显示的广告。
adLoad 加载一个广告。
adShow 显示一个已加载的广告。
adHide 隐藏当前正在显示的广告。
trackingAuthorizationStatus 获取当前的跟踪授权状态(仅限iOS)。
requestTrackingAuthorization 请求用户的跟踪授权(仅限iOS)。

示例

start()

初始化并启动 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() 完整参考

文档

继续使用@capgo/capacitor-admob

如果您正在使用 使用 @capgo/capacitor-admob 为了规划原生插件工作,连接它与 @capgo/capacitor-admob 查看 @capgo/capacitor-admob 的实现细节 开始 查看开始的实现细节 Capgo 插件目录 了解 Capgo 插件目录中的产品工作流程 Capacitor 由 Capgo 提供的插件 查看 Capacitor 由 Capgo 提供的插件的实现细节 添加或更新插件 为添加或更新插件的实现细节。

FAQ

AdMob 插件FAQ

如何在Capacitor应用中安装AdMob插件?

运行“bun add @capgo/capacitor-admob”(或“npm install @capgo/capacitor-admob”),然后运行“bunx cap sync”,使iOS和Android项目捕获native code。从“@capgo/capacitor-admob”中导入它到您的应用code。

@capgo/capacitor-admob与React、Vue和Angular兼容吗?

是的。AdMob是一个Capacitor包,因此它与任何在Capacitor中运行的Web框架兼容,包括Ionic、React、Vue、Angular、Svelte和纯JavaScript。

哪个Capacitor版本支持@capgo/capacitor-admob?

Capgo插件遵循Capacitor的主要版本:使用与Capacitor主要版本匹配的插件主要版本(例如插件v8与Capacitor 8)。在GitHub README中列出的兼容性表格列出了维护的版本。

@capgo/capacitor-admob是否免费和开源?

是的。源code在GitHub上公开,https://github.com/Cap-go/capacitor-admob/,并且包是从npm免费安装的。欢迎bug报告和拉取请求。

是否可以在不经过App Store审查的情况下更新使用AdMob的code?

安装或升级插件会更改native code,因此需要新的商店构建。之后,JavaScript、HTML和CSS更改,调用插件的更改,可以立即与Capgo实时更新一起发布。

不必等待应用程序审查即可将 AdMob 更改推送到应用程序

一旦插件添加到您的应用程序商店中,Capgo 即刻更新将将您的 JavaScript、HTML 和 CSS 更改推送给用户

开始使用Capgo