インスコ


npm install vue-adsense --save

コード改変

これをやらないとエラーが出る

vim node_modules/vue-adsense/main.js をして、
以下の内容に変更

node_modules/vue-adsense/main.js


import VueAdsense from './VueAdsense.vue'
export default VueAdsense

app.js


import VueAdsense from 'vue-adsense'
// Google Adsense 用
Vue.component('adsense', VueAdsense)

使いたいコードに以下を追記して完了。
それぞれ、adsenseから拾ったデータを入れること。

hoge.vue


<adsense
        ad-client="ca-pub-xxx"
        ad-slot="2061149xxxx"
        ad-format="auto"
        full-width-responsive="true">
</adsense>