nuxtでgoogle ads

Nuxt で Google Ads の設定方法。
単純にlayout/default.vueに記載したり、nuxt.config.jshead/scriptに記載してもうまく動きません。
@nuxtjs/google-adsenseを使います。

インストール

yarn add @nuxtjs/google-adsense  

nuxt.config.js の設定

ライブラリを modules に追加します。
Google Ads に使う id を設定するだけです。

export default {  
  modules: [['@nuxtjs/google-adsense', { id: 'ca-pub-xxxxxxxxxxxxxxxx' }]]  
}  

以上で Google Ads が利用できるようになりました。

ただ、この状態では複数の Layout ファイルによるページ切り替えをするとエラーが出てしまいます。
blog とトップページではレイアウトを変えたかったのですが、とりあえず共通化することで回避しました。
(TOOLSページはレイアウトを変えているので広告が消えてしまいます。)

Subscribe to 猫好きが猫以外のことも書く

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe