nuxtでgoogle ads
Nuxt で Google Ads の設定方法。
単純にlayout/default.vueに記載したり、nuxt.config.jsのhead/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 とトップページではレイアウトを変えたかったのですが、とりあえず共通化することで回避しました。