A simple Vue component for handling Google Ads
npm install --save-dev vue-adsense
and include the adsbygoogle.js
file in your HTML
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Import the component
import VueAdsense from 'vue-adsense'
Register the component
Vue.component('adsense', VueAdsense)
And put into your DOM
<adsense
ad-client="ca-pub-xxxxxxxxxxxxxxxx"
ad-slot="XXXXXXXX"
ad-style="display: block"
ad-format="auto">
</adsense>
</div>
- ad-client - Your Google Adsense publisher account
- ad-slot - The desired ad ID
- ad-style - Any special styling you want
- ad-format - Provided by Google, is usually 'auto'
Contributions welcome, enjoy the component