Skip to content
Hidetaka.dev

Hidetaka.dev

next-google-ads: Next.js 向け Google Adsense ライブラリ

Next.js アプリケーションに Google Adsense を統合するためのライブラリです。2024年から2025年にかけて導入された最新機能に対応しており、Auto Ads や Consent Mode v2 といった新しい広告フォーマットをサポートしています。主な機能このライブラリは、Google Adsense が提供する主要な広告機能を網羅しています。2024年に導入された AI による自動広告配置機能である Auto Ads を利用でき、サイト全体の収益とユーザー体験を最適化できます。GDPR 準拠のために2024年3月から必須となった Consent Mode v2 にも対応しており、ヨーロッパ向けサービスでも安心して使用可能です。モバイル向けには、画面上部や下部に固定表示される Anchor Ads が利用できます。この広告はユーザーが折りたたむことができるため、閲覧体験を損ないません。記事コンテンツ内に自然に溶け込む In-Article Ads や、リスト・フィード形式のコンテンツに適した In-Feed Ads、関連コンテンツを表示する Multiplex Ads といった多様なフォーマットも揃っています。プライバシーを重視するユーザー向けには、Non-Personalized Ads を提供できます。また、TypeScript による完全な型安全性を備えているため、開発時の安心感が得られるでしょう。ライセンスMIT

owned_oss

Background

Next.jsでWebサイトを開発する際の、広告タグ設定を効率化することを目的に開発しました。

先行してリリースされているOSSも多数存在しますが、ある程度自分のコントロール下にあるプロダクトが欲しいという思いもあり、自作することにしています。

Architecture

技術的にはシンプルな作りです。ただ、Google Adsenseの提供する広告タイプを網羅することや、開発サイクルを効率化するためAIコーディングツールを積極的に採用しています。

  • Claude Code Web: ブラウザ・モバイル端末からの開発
  • Gemini Code Assist GitHub Actions: コードレビュー
  • CodeRabbit ( OSS Plan ): コードレビュー
  • Dosu: ドキュメント化など
Visit site / repository
Hidetaka Okamoto profile photo

Hidetaka Okamoto

Developer Experience Engineer

Developer Experience Engineer. A developer specialized in serverless application development on AWS and Cloudflare. Former Stripe Developer Advocate / AWS Samurai 2017. Skilled in creating content and presentations that introduce service usage and best practices. You can follow me on Twitter at @hidetaka_dev

TwitterGitHubLinkedIn