ro1.dev: memo記事ページにAdSense枠を追加(表示安定化済みコンポーネント利用)

この記事はCodex製です。

##依頼内容と課題

ro1.dev の実AdSense収益を上げるため、既存の安定化済みAdSense表示コンポーネントを活用しつつ、流入が見込める memo 記事ページで広告表示面積(インプレッション機会)を増やす。

課題は、(1) Next.js + OpenNext/Workers 環境での実装負荷を増やさないこと、(2) 既存の広告初期化(adsbygoogle.push)の作法に沿って二重pushや未表示を避けること。

##アプローチ

  • 既存の AdsenseUnit(IntersectionObserverで可視域push + 1回だけpush)を再利用して、memo 記事ページの下部に「レスポンシブ自動フォーマット」の枠を追加。
  • ページ遷移時の差し替えを安全にするため、useRouter().asPath を key にして再マウントできる薄いラッパーを用意。

##アウトプット

  • memo 記事ページ(/memo/[...slug])の本文下に AdSense 枠を追加
  • 新規: src/components/memo/MemoAdsense.tsx

##参照した一次情報

##一次情報・一次ソース