Nuxtにads.txtを追加する

投稿日
Nuxtにads.txtを追加する

NuxtのプロジェクトにAdSenseを追加したところ、Google AdSenseのサイトで「ads.txtファイルの問題を修正して下さい」と表示されました。



ads.txtは https://example.com/ads.txt のようにアクセス出来るところに設置する必要があるとのこと

ファイルが正しく公開されているか確認するため、ウェブブラウザで ads.txt の URL(https://example.com/ads.txt)にアクセスしてみましょう。ウェブブラウザからファイルの内容を確認できれば、AdSense もそのファイルを正しく検出できるはずです。

ads.txt に関するガイド - AdSense ヘルプより引用



Nuxtだとルート直下に配置してもアクセス出来いないだろうしどうしたものか、と思ったので備忘録も兼ねて書き残します。

検証した環境

1 nuxt 2.14.3

staticフォルダにads.txtを配置する

結論としては「staticフォルダにads.txtを配置する!!

以上!!


になります。笑

project-root/
  pages/
  static/
    ads.txt
    favicon.ico
    ・・

よくよく考えればファビコンとかもそこに配置してましたねw



あとは yarn run dev 等で開発環境を起動し、 http://localhost:3000/ads.txt にアクセスして設置したads.txtの内容が表示されればOKです!

プロフィール画像
Yuki Takara
都内でフリーランスのエンジニアをやってます。フロントとアプリ開発メインに幅広くやってます。