# VuePress に広告を表示する 2📝

# 前回

ref: VuePress に広告を表示する

# 申請

プライバシーポリシーとお問い合わせフォームを設置したあと、 Google AdSense に再度申請しました。

申請

# 結果

申請を出した翌日に、メールが届きました!

# メール

メール

# Google Adsense

有効

# ads.txt

Google Adsense のページヘ遷移すると、ads.txt のアップロードを促されます。

# アップロード

今すぐ修正 をクリック

ads.txt

ads.txt をダウンロード後、

ads.txt のダウンロード

src/.vuepress/public/ads.txt に置きました。

# ads.txt

google.com, pub-0000000000000000, DIRECT, xxxxxxxxxxxxxxxx

# 自動広告の設定

左メニューの 最適化 > 自動最適化 で設定画面を開けます。

自動広告 の設定を下記画像のように行いました。

自動広告 自動広告2

# 広告ユニット設定

左メニューの 広告 > サマリー > 広告ユニットごと で下記画面に遷移します。

広告ユニット

# ディスプレイ広告

スクエア で、広告サイズレスポンシブ に設定しました。

ディスプレイ広告

設定後、広告を作成しました。コードを設置してください と表示されますが、自動広告 の設定をしたためコードを設置しなくても広告が表示されました。

# 記事内広告

下記画像のような設定にしました。

記事内広告

設定後、このコードをコピーして、サイトに貼り付けます。 と表示されますが、こちらも 自動広告 の設定をしたためコードをサイトに貼り付けなくても広告が表示されました。

# インフィード広告

自動で広告スタイルを作成するURL を入力して ページスキャン をクリックすると、ページにフィードが見つかりませんでした。 と表示されたため、手動で広告スタイルを作成する を選択しました。

インフィード広告

下記画像のような設定にしました。

インフィード広告2

設定後、このコードをコピーして、サイトに貼り付けます。 と表示されますが、こちらも 自動広告 の設定をしたためコードをサイトに貼り付けていません。まだ、インフィード広告の表示をサイト上で確認できていません。

# 最適化設定

また、最適化設定も下記画像のように行いました。

最適化設定

# 感想

自動広告 のおかげで VuePress 側の設定が必要なかったので驚きました。

# 参考🔗