Skip to content
Componente básico para insertar Adsense en su app Vue.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Adsense.vue
README.md

README.md

Componente Adsense para Vue.js

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...

You can’t perform that action at this time.