google adsense Download - google adsense Quellcode herunterladen

google adsense

Anderer Quellcode

v3.0.0

Herunterladen

HINWEIS: Dieser Zweig ist für das kompatible Modul von Nuxt 3 . Checkout legacy-v2 Zweig für die Nuxt 2- Unterstützung.

Google Adsense

Google Adsense Integration für Nuxt.js. Anzeigen werden aktualisiert, wenn sich die Seitenroute ändert

Aufstellen

Fügen Sie Ihrem Projekt @nuxtjs/google-adsense Abhängigkeit mit Garn oder NPM hinzu
Fügen Sie @nuxtjs/google-adsense zu modules von nuxt.config.js hinzu

 {
  modules : [
    // Simple usage
    [ '@nuxtjs/google-adsense' , {
      id : 'ca-pub-###########'
    } ]
 ]
}

Verwenden von Optionen der höchsten Ebene:

 {
  modules : [
    [ '@nuxtjs/google-adsense' ]
  ] ,

 googleAdsense : {
    id : 'ca-pub-#########'
  }
}

Verwenden von Laufzeitkonfiguration:

 {
  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' ,
    } ,
  } ,
}

Der asynchrone Anzeigencode ( //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js ) wird automatisch zum Abschnitt <head> Ihrer Seiten hinzugefügt.

Konfigurationsoptionen

Option	Typ	Beschreibung
`id`	Saite	Your Google AdSense Publisher client ID (ie `ca-pub-#########` ). Erforderlich , wenn nicht im Testmodus.
`adFormat`	Saite	Legt ein globales Standard -Anzeigenformat fest. Kann mit Komponentenprops überschrieben werden.
`analyticsDomainName`	Saite	Google Analytics Account Domain (wenn Analytics mit AdSense, dh `example.com` ).
`analyticsUacct`	Saite	Google Analytics-Konto-ID (wenn Analytics mit AdSense, dh `UA-#######-#` ).
`hideFilled`	Boolean	Wenn `false` , unbesetzte Anzeigen nicht verborgen sind, werden `true` uneingeschränkte Anzeigen versteckt. Der Standard ist `false` .
`includeQuery`	Boolean	Wenn `false` , wird nur `$route.path` auf Änderungen überprüft. Wenn auf `true` `$route.query` festgelegt wird, wird auch berücksichtigt. Der Standard ist `false` .
`onPageLoad`	Boolean	Laden Sie das Adsense -Skript nach dem Laden von Seite. Standard ist `false` .
`overlayBottom`	Boolean	Aktivieren Sie Adsense Anchor -Anzeigen, um unten anzuzeigen. Standard ist `false` . Weitere Informationen finden Sie in den Adsense -Dokumenten.
`pageLevelAds`	Boolean	Aktivieren Sie Anzeigen der Adsense -Seitenebene. Standard ist `false` . Weitere Informationen finden Sie in den Adsense -Dokumenten.
`pauseOnLoad`	Boolean	Pauses Anzeigenanfragen, um die Einwilligung der Benutzer zur Verwendung von Cookies oder anderen lokalen Speicher gemäß der DSGVO einzuholen. Weitere Informationen finden Sie in den Adsense -Dokumenten. `false` .
`tag`	Saite	Adsense -Komponenten -Tag -Name. Standardeinstellungen zu `adsbygoogle` .
`test`	Boolean	Zwingen Sie Adsense in den Testmodus (siehe unten).

Testmodus

Das Adsense -Modul wechselt automatisch in den test , wenn Nuxt im dev -Modus ausgeführt wird. Sie können jedoch den Testmodus in der Produktion einschalten, indem Sie den test auf true festlegen.

Der Testmodus verwendet eine Test -Publisher -ID, sodass Sie gegen AdSense TOS nicht verstoßen.

Beachten Sie, dass Testwerbung in der Regel als leerer Raum angezeigt wird, aber die richtigen Abmessungen aufweist (dh den richtigen Raum belegen, der von der gerenderten Anzeige benötigt wird).

Verwendung

Fügen Sie die <Adsbygoogle /> -Komponente ein, wo immer Sie eine Anzeige platzieren möchten.

Sie sollten die <Adsbygoogle /> -Komponente in ein Containerelement mit einer angegebenen (min /max) Breite und (min /max) Höhe (die auf Medienabfragen basieren können) oder Stil oder Klassen auf der <Adsbygoogle /> verwenden lassen <Adsbygoogle /> Komponente, um die Werbung auf eine bestimmte Größe (oder Größen) zu beschränken.

Verwenden Sie die ad-slot -Eigenschaft, um Ihren Google AdSense Ad-Slot-Wert (als Zeichenfolge angegeben) anzugeben.

Weitere Informationen finden Sie in der AdSense -Dokumentation. Google Adsense -Dokumentation

Komponentenquellen:

Stütze	Typ	Beschreibung
`ad-slot`	Saite	Google AdSense Adslot. Diese Requisite ist erforderlich, wenn Sie nicht im Testmodus sind . In Ihrem Adsense-Konto für Anzeigen-Slot-Werte finden Sie in Ihrem Adsense-Konto.
`ad-format`	Saite	Optional. Weitere Optionen finden Sie in den AdSense -Dokumenten
`ad-style`	Objekt	Stile, die für das gerenderte `<ins>` -Element angewendet werden sollen. Standard: `{ display: 'block' }` . Siehe VueJS -Stilbindungsdokumente für das Objektformat.
`ad-layout`	Saite	Optional. Beziehen Sie sich auf die AdSense -Dokumente
`ad-layout-key`	Saite	Optional. Beziehen Sie sich auf die AdSense -Dokumente
`hide-unfilled`	Boolean	Optional. Versteckt unbesetzte Anzeigen, falls wahr.
`page-url`	Saite	Optional. Legen Sie eine Referenzseite URL (ähnlicher Inhalte) fest, wenn sich die Anzeige auf einer Seite befindet, die eine Authentifizierung erfordert. Bei der Festlegung muss diese Requisite eine voll qualifizierte URL sein (einschließlich Protokoll und Hostname).
`include-query`	Boolean	Die globale Option überschreiben `includeQuery` pro Anzeigenbasis. Stellen Sie sicher, dass alle Anzeigen auf einer Seite die gleiche Einstellung haben.
`analytics-uacct`	Saite	Google Analytics-Konto-ID (wenn Analytics mit AdSense, dh `UA-#######-#` ). Standardeinstellungen zum Wert, der im Plugin -Option `analyticsUacct` angegeben ist.
`analytics-domain-name`	Saite	Google Analytics Account Domain (wenn Analytics mit AdSense, dh `example.com` ). Standardeinstellungen zum Wert, der im Plugin -Option `analyticsDomainName` angegeben ist.

Automatische Aktualisierung von Anzeigen

Wenn sich Ihre Route ändert oder optional, wenn sich Ihre Routenabfrageparameter ändern, werden alle Anzeigen aktualisiert, genau wie auf normalen Seitenladungen.

Vorbehalte:

Achtung: Das Nachladen von Anzeigen willkürlich (mit minimalen Änderungen des Seiteninhalts) kann zur Aussetzung Ihres Adsense -Kontos führen. Weitere Nutzungsbedingungen finden Sie in AdSense.
Google muss auf jeder Seite kriechen, auf der Anzeigen erscheinen. Stellen Sie sicher, dass Ihre Website SSR eine Seite macht, auf der Anzeigen angezeigt werden. Anzeigen auf nicht kriechbaren Seiten werden nicht angezeigt.
Wenn Sie Anzeigen auf Seiten platzieren, die eine Authentifizierung erfordern, stellen Sie page-url in der <Adsbygoogle /> -Komponente an der URL einer Seite auf Ihrer Website auf, auf die öffentlich zugänglich ist und ähnliche /relevante Inhalte hätte.

Hintergrund

Dieses Modul verwendet eine vom Angular -Team entwickelte Technik (mit Hilfe von Google AdSense), um die Aktualisierung von Anzeigen in progressiven Webanwendungen zu verarbeiten:

https://github.com/leonardteo/google-ads-test-angularjs
https://groups.google.com/forum/#!topic/angular/eyvo4xu04uk

Jedes Mal, wenn eine neue Werbung angefordert wird, wird der Adsense-Parameterdaten data-ad-region auf einen Zufallswert aktualisiert. Aus diesem Grund können Sie das data-ad-region -Attribut auf der <Adsbygoogle /> -Komponente nicht festlegen.