简介
@invrs/ads 是一个用于在前端页面中嵌入广告的 npm 包。它提供了一种简单、灵活的方式来展示不同种类的广告，以帮助网站和应用程序生成额外的收入。
安装
使用 npm 安装该包，命令如下：
npm install @invrs/ads --save
使用
基本使用
在你的前端项目中，导入 @invrs/ads 包，并在需要展示广告的地方添加相应的代码即可。
import { InVrsAds } from "@invrs/ads";
const ads = new InVrsAds({ adCode: "myAdCode" });
ads.showAd();其中，adCode 是你在 @invrs 平台上创建的广告代码。如果你还没有创建，可以先在平台上创建一个广告然后再复制该代码。
自定义广告样式
你可以通过自定义样式来调整广告的大小、位置、颜色等。
-- -------------------- ---- ------- ------ - -------- - ---- ------------- ----- -------- - - ------ ------- ------- -------- ---------------- ---------- -------- ------- -- ----- --- - --- ---------- ------- ----------- -------- --------- --- -------------
多种广告类型
@invrs/ads 支持多种广告类型，包括文本、图片、视频、HTML 等等。
-- -------------------- ---- ------- ------ - --------- ------ - ---- ------------- ----- --- - --- ---------- ------- ----------- ------- ------------- ------ --------------------------- --- -------------
此处展示了一张图片类型的广告。你可以通过设置 adType 属性来选择不同的广告类型，例如 AdType.Text、AdType.Video 等等。对于不同的广告类型，你需要提供不同的参数，例如文本、图片和 HTML 等都需要传递相应的 URL。
总结
本文介绍了如何在前端应用程序中使用 @invrs/ads，以及如何自定义广告样式和展示不同类型的广告。通过使用该 npm 包，你可以轻松地为你的应用程序或网站增加收入。如果你有任何疑问或需要进一步指导，请查阅 API 文档或联系我们的支持团队。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5351ab1864dac66943