adsense - 如何在 VuePress 上实现 Google Adsense？

Question

有没有办法在 VuePress 中轻松实现 Google Adsense？我发现的资源仅提供了Vue的“操作方法” 。

Answer 1

您可以将以下行添加到config.js文件中

head: [
    ['script', { src: "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" }],
    ['script', {}, 
    '(adsbygoogle = window.adsbygoogle || []).push({  google_ad_client: <your code here>,  enable_page_level_ads: true });'],
],

这将在您的 head 标签内添加代码。

Answer 2

如果你不想直接修改配置，有一个使用 Google Adsense 的插件

https://www.npmjs.com/package/vuepress-plugin-google-adsense

module.exports = {
  plugins: [
    [
      'vuepress-plugin-google-adsense',
      {
        'google_ad_client': '', // ca-pub-0000000000000000
        'enable_page_level_ads': true
      }
    ]
  ]
}