google adsense
v3.0.0
Nota: Esta rama es para el módulo compatible NUXT 3 . Vea la rama legacy-v2 para soporte Nuxt 2 .
Integración de Google Adsense para nuxt.js. Los anuncios se actualizarán cada vez que cambie la ruta de la página
@nuxtjs/google-adsense dependencia usando hilo o npm a su proyecto@nuxtjs/google-adsense a la sección modules de nuxt.config.js {
modules : [
// Simple usage
[ '@nuxtjs/google-adsense' , {
id : 'ca-pub-###########'
} ]
]
}Uso de opciones de nivel superior:
{
modules : [
[ '@nuxtjs/google-adsense' ]
] ,
googleAdsense : {
id : 'ca-pub-#########'
}
}Uso de la configuración de tiempo de ejecución:
{
modules : [
[ '@nuxtjs/google-adsense' ]
] ,
googleAdsense : {
onPageLoad : false ,
pageLevelAds : false ,
} ,
publicRuntimeConfig : {
googleAdsense : {
id : process . env . GOOGLE_ADSENSE_ID ,
test : process . env . GOOGLE_ADSENSE_TEST_MODE === 'true' ,
} ,
} ,
} El código de anuncios asíncrono ( //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js ) se agrega automáticamente a la sección <head> de sus páginas.
| Opción | tipo | descripción |
|---|---|---|
id | Cadena | Su ID de cliente de Google Adsense Publisher (es decir, ca-pub-######### ). Requerido cuando no en modo de prueba. |
adFormat | Cadena | Establece un formato de anuncio predeterminado global. Se puede anular con accesorios de componentes. |
analyticsDomainName | Cadena | Dominio de la cuenta de Google Analytics (si está vinculando Analytics con AdSense, es decir, example.com ). |
analyticsUacct | Cadena | ID de cuenta de Google Analytics (si vincula Analytics con AdSense, es decir, UA-#######-# ). |
hideFilled | Booleano | Cuando se oculten los anuncios false , no se ocultarán, cuando los true anuncios sin rellenar se ocultarán. El valor predeterminado es false . |
includeQuery | Booleano | Cuando false , solo $route.path se verifica para obtener cambios. Si se establece en true $route.query también se tendrá en cuenta. El valor predeterminado es false . |
onPageLoad | Booleano | Carga el script adsense después de la carga de la página. El valor predeterminado es false . |
overlayBottom | Booleano | Habilite los anuncios de anclaje de Adsense para mostrar en el fondo. El valor predeterminado es false . Consulte los documentos de Adsense para más detalles. |
pageLevelAds | Booleano | Habilitar anuncios de nivel de página Adsense. El valor predeterminado es false . Consulte los documentos de Adsense para más detalles. |
pauseOnLoad | Booleano | Pausa de solicitudes de anuncios para obtener el consentimiento del usuario para usar cookies u otro almacenamiento local de acuerdo con el GDPR. Consulte los documentos de Adsense para más detalles. false . |
tag | Cadena | Nombre de la etiqueta del componente adsense. El valor predeterminado a adsbygoogle . |
test | Booleano | Forzar a Adsense en modo de prueba (ver más abajo). |
El módulo AdSense cambiará automáticamente al modo test al ejecutar NUXT en modo dev . Pero puede mantener el modo de prueba en producción configurando la test de opción de configuración en true .
El modo de prueba utiliza una ID de editor de prueba, para que no viole Adsense TOS.
Tenga en cuenta que los anuncios de prueba generalmente aparecerán como un espacio vacío, pero tendrán las dimensiones correctas (es decir, ocupará el espacio correcto que necesita el anuncio renderizado).
Inserte el componente <Adsbygoogle /> donde quiera que desee un anuncio colocado.
Debe colocar el componente <Adsbygoogle /> dentro de un elemento contenedor que tiene un ancho especificado (min /max) y altura (min /max) (que puede basarse en consultas de medios), o usar estilo o clases en <Adsbygoogle /> Componente para restringir el anuncio a un tamaño específico (o tamaños).
Use la propiedad ad-slot para especificar su valor de ranura AD de Google AdSense (especificado como una cadena).
Consulte la documentación de AdSense para obtener más información. Documentación de Google Adsense
Propiedades de componentes:
| apuntalar | tipo | descripción |
|---|---|---|
ad-slot | Cadena | Google Adsense Adslot. Este accesorio se requiere cuando no está en modo de prueba . Consulte su cuenta de AdSense para obtener valores de lotes AD. |
ad-format | Cadena | Opcional. Consulte los documentos de AdSense para obtener otras opciones |
ad-style | Objeto | Estilos para aplicar al elemento <ins> renderizado. Predeterminado: { display: 'block' } . Consulte los documentos vinculantes de estilo VueJS para el formato de objeto. |
ad-layout | Cadena | Opcional. Consulte los documentos de Adsense |
ad-layout-key | Cadena | Opcional. Consulte los documentos de Adsense |
hide-unfilled | Booleano | Opcional. Esconde anuncios sin llenar si es cierto. |
page-url | Cadena | Opcional. Establezca una URL de la página de referencia (de contenido similar) si el anuncio está en una página que requiere autenticación. Cuando se establece, este accesorio debe ser una URL totalmente calificada (incluido el protocolo y el nombre de host). |
include-query | Booleano | Anular la opción global includeQuery por anuncio. Asegúrese de que todos los anuncios en una página tengan la misma configuración. |
analytics-uacct | Cadena | ID de cuenta de Google Analytics (si vincula Analytics con AdSense, es decir, UA-#######-# ). El valor predeterminado al valor especificado en la opción de complemento analyticsUacct . |
analytics-domain-name | Cadena | Dominio de la cuenta de Google Analytics (si está vinculando Analytics con AdSense, es decir, example.com ). El valor predeterminado al valor especificado en la opción de complemento analyticsDomainName . |
Componente Datos internos expuestos | nombre | Tipo | Descripción | ____ | ____ | ___________ | showAd | Método | Activar el método del anuncio del programa para mostrar el anuncio. | updateAd | Método | Activar el método de actualización de anuncios para actualizar el anuncio. | isUnfilled | referencia calculada | PISTA ATRIBO DE NO PLATOS EN ELEMENTO AD. Devuelve true si data-ad-state = 'sin llanarse'.
Cada vez que su ruta cambia o opcionalmente si cambian los parámetros de consulta de ruta, cualquier anuncio mostrado se actualizará, tal como lo harían en las cargas normales de la página.
page-url en el componente <Adsbygoogle /> a la URL de una página en su sitio a la que se puede acceder públicamente, lo que tendría contenido similar /relevante. Este módulo utiliza una técnica desarrollada por el equipo Angular (con la ayuda de Google Adsense) para manejar los anuncios de actualización en aplicaciones web progresivas:
Cada vez que se solicita un nuevo anuncio, la data-ad-region del parámetro AdSense se actualiza a un valor aleatorio. Por esta razón, no puede establecer el atributo data-ad-region en el componente <Adsbygoogle /> .
Licencia de MIT
