Componente básico para insertar anuncios adsense dentro de una app que utilice Vue.js. Es código fuente producto de este video: https://www.youtube.com/watch?v=B3WSSDS2804, es decir la idea que te hagas TU, tu propio componente.
Existen al menos dos paquetes NPM populares que son basicamente lo mismo (usa google). Sin embargo, no recomiendo añadir dependendcias externas que son 10 lineas de código, creo que es evidente...
Primero añade esto dentro de tu index.html, entre las etiquetas o al final de , pero fuera de tu #app...
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>Asi mismo para utilizar el componente solo tendrias que registrarlo y poner esto donde quieras mostrar tu anuncio:
<adsense
ad-slot="XXXXXXX"
ad-format="auto"
ad-client="ca-pub-XXXXXXXXXX"
ad-style="display:block"></adsense>Las variables dependen del bloque de anuncios en cuestión, dependiendo de que anuncios uses, es posible que sea suficiente con poner solo esto:
<adsense ad-slot="XXXXXXXX"></adsense>Ya que por regla general el cliente, el formato de anuncio (responsive) o estilo suele ser el mismo en todos tus anuncios...