vue.js google adsense

vue.js で adsense を使いたい。

参考
https://www.ketancho.net/entry/2018/05/22/080000

インスコ

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 に追記

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>