跳过主要内容

AdMob Capacitor 插件

使用 Google AdMob 广告 banner、插页和奖励广告来赚钱

安装

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应用,扫描QRcode

AdMob 插件预览二维码 code

使用 @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_KEEP_0__ 仓库

继续使用 @capgo/capacitor-admob

如果您正在使用 使用 @capgo/capacitor-admob 为native插件工作制定计划,连接它与 @capgo/capacitor-admob 查看 @capgo/capacitor-admob 的实现细节 开始 查看开始的实现细节 Capgo 插件目录 为 Capgo 产品工作流程在插件目录中 Capacitor 插件由 Capgo 为 Capacitor 插件的实现细节在 Capgo 中,并且 添加或更新插件 为添加或更新插件的实现细节

常见问题

AdMob 插件常见问题

如何在 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免费且开源?

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.

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

安装或升级插件会改变原生 code,因此需要新的商店构建。之后,JavaScript、HTML和CSS调用插件的更改可以立即通过 Capgo 实时更新。

不再等待应用程序审查,直接将 AdMob 更改推送到应用程序。

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

开始使用 Capgo