hene

hene.dev

VuePress に広告を表示する

VuePress に広告を表示する

調べて一番簡単にできそうな、方法でやってみました(まだ途中です)。

Google AdSense に登録

Google AdSense に登録してサイトの指示に従います。

https://hene.dev の HTML の <head> タグと </head> タグの間に貼り付けます

<script
  async
  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-0000000000000000",
    enable_page_level_ads: true,
  });
</script>

設定

src/.vuepress/config.js に下記のように追加すると、 head タグの中に貼り付けられます。

module.exports = {
  ...
  head: [
    ...
    [
      "script",
      {
        "async src": "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
      }
    ],
    [
      "script",
      {},
      '(adsbygoogle = window.adsbygoogle || []).push({  google_ad_client: "ca-pub-0000000000000000",  enable_page_level_ads: true });'
    ]
  ],
  ...
}

審査中

審査中

審査の結果が分かり次第更新します。

続き

ref: VuePress に広告を表示する 2 - hene.dev

参考

関連記事

← Back to home