https://github.com/YunYouJun/vuepress-plugin-google-adsense

Google adsense plugin for vuepress
https://github.com/YunYouJun/vuepress-plugin-google-adsense

google-adsense vuepress

Last synced: 2 months ago
JSON representation

Google adsense plugin for vuepress

• Host: GitHub
• URL: https://github.com/YunYouJun/vuepress-plugin-google-adsense
• Owner: YunYouJun
• License: mit
• Created: 2019-05-18T14:27:00.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-02-15T08:23:58.000Z (almost 4 years ago)
• Last Synced: 2024-05-19T09:33:09.081Z (8 months ago)
• Topics: google-adsense, vuepress
• Language: JavaScript
• Size: 31.3 KB
• Stars: 12
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - YunYouJun/vuepress-plugin-google-adsense - Google adsense plugin for vuepress (JavaScript)
• awesome - YunYouJun/vuepress-plugin-google-adsense - Google adsense plugin for vuepress (JavaScript)

README

        
# vuepress-plugin-google-adsense

> [Google adsense](https://www.google.cn/adsense/) plugin for vuepress

Use google [automatic advertisement](https://support.google.com/adsense/answer/9261306) for your vuepress site.

(Follow Google Ad [Code Implementation Guide](https://support.google.com/adsense/answer/9274634))

[![npm](https://img.shields.io/npm/v/vuepress-plugin-google-adsense.svg)](https://www.npmjs.com/package/vuepress-plugin-google-adsense)

[![download](https://img.shields.io/npm/dt/vuepress-plugin-google-adsense.svg)](https://npmcharts.com/compare/vuepress-plugin-google-adsense?minimal=true)

[![GitHub license](https://img.shields.io/github/license/YunYouJun/vuepress-plugin-google-adsense.svg)](https://github.com/YunYouJun/vuepress-plugin-google-adsense/blob/master/LICENSE)

## Install

```sh

yarn add -D vuepress-plugin-google-adsense

# OR

# npm install -D vuepress-plugin-google-adsense

```

## Usage

```js

module.exports = {

  plugins: [

    [

      "vuepress-plugin-google-adsense",

      {

        adClient: "ca-pub-2245427233262012", // replace it with your adClient

      },

    ],

  ],

};

```

More Info: [Using a Plugin](https://vuepress.vuejs.org/plugin/using-a-plugin.html)

If you don't have a google adsense account, you need register one [here](https://www.google.com/adsense/).

If you pass, google adsense will give you a script like this.

```html

```

### Other method

In fact, when this plugin was developed, Google's automatic adsense code was not as simple as it is now.

And now, you can just insert the following code in `config.js` instead of this plugin.

```js

module.exports = {

  head: [

    [

      "script",

      {

        "data-ad-client": "ca-pub-2245427233262012",

        async: true,

        src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js",

      },

    ],

  ],

};

```

> [Config Reference | Vupress](https://vuepress.vuejs.org/config/#head)

One advantage of plugin is that it can decide whether to show by [ctx.isProd](https://vuepress.vuejs.org/plugin/context-api.html#ctx-isprod).

## Options

| Name     | Type    | Required | Default   | Description                                          |

| -------- | ------- | -------- | --------- | ---------------------------------------------------- |

| adClient | string  | true     | undefined | Provide the Google Adsense ID to enable integration. |

| adsTxt   | boolean | false    | false     | Whether to generate ads.txt                          |

### adsTxt

If you enable it, the following content will be generated in `ads.txt`.

> [ads.txt Guide | Google AdSense](https://support.google.com/adsense/answer/7532444)

```txt

google.com, pub-2245427233262012, DIRECT, f08c47fec0942fa0

```