如何在 VuePress 上实现 Google Adsense？

Posted 2023-02-22

【中文标题】如何在 VuePress 上实现 Google Adsense？

【英文标题】：How to implement Google Adsense on VuePress?

【发布时间】：2019-02-02 12:10:48

【问题描述】：

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

【参考方案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 标签内添加代码。

【参考方案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
      
    ]
  ]