google adsense
v3.0.0
Catatan: Cabang ini untuk modul yang kompatibel dengan Nuxt 3 . CHECEUT Cabang legacy-v2 untuk dukungan Nuxt 2 .
Integrasi Google AdSense untuk Nuxt.js. Iklan akan diperbarui setiap kali rute halaman berubah
@nuxtjs/google-adsense Dependency Menggunakan Benang atau NPM ke Proyek Anda@nuxtjs/google-adsense ke bagian modules dari nuxt.config.js {
modules : [
// Simple usage
[ '@nuxtjs/google-adsense' , {
id : 'ca-pub-###########'
} ]
]
}Menggunakan opsi tingkat atas:
{
modules : [
[ '@nuxtjs/google-adsense' ]
] ,
googleAdsense : {
id : 'ca-pub-#########'
}
}Menggunakan runtime config:
{
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' ,
} ,
} ,
} Kode Iklan Asynchronous ( //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js ) secara otomatis ditambahkan ke bagian <head> halaman Anda.
| Pilihan | jenis | keterangan |
|---|---|---|
id | Rangkaian | ID Klien Penerbit Google Adsense Anda (IE ca-pub-######### ). Diperlukan saat tidak dalam mode uji. |
adFormat | Rangkaian | Menetapkan format iklan default global. Dapat ditimpa dengan alat peraga komponen. |
analyticsDomainName | Rangkaian | Domain Akun Google Analytics (jika menautkan analitik dengan AdSense, yaitu example.com ). |
analyticsUacct | Rangkaian | ID Akun Google Analytics (jika menautkan analitik dengan AdSense, IE UA-#######-# ). |
hideFilled | Boolean | Ketika iklan false dan tidak terisi tidak akan disembunyikan, ketika iklan yang tidak true akan disembunyikan. Standarnya false . |
includeQuery | Boolean | Saat false , hanya $route.path diperiksa untuk perubahan. Jika diatur ke true $route.query juga akan diperhitungkan. Standarnya false . |
onPageLoad | Boolean | Memuat skrip adsense setelah memuat halaman. Default false . |
overlayBottom | Boolean | Aktifkan iklan jangkar adsense untuk ditampilkan di bawah. Default false . Lihat dokumen AdSense untuk detailnya. |
pageLevelAds | Boolean | Aktifkan iklan level halaman AdSense. Default false . Lihat dokumen AdSense untuk detailnya. |
pauseOnLoad | Boolean | Jeda permintaan iklan untuk mendapatkan persetujuan pengguna untuk menggunakan cookie atau penyimpanan lokal lainnya sesuai dengan GDPR. Lihat dokumen AdSense untuk detailnya. false . |
tag | Rangkaian | Nama tag Komponen AdSense. Default ke adsbygoogle . |
test | Boolean | Force AdSense ke dalam mode uji (lihat di bawah). |
Modul AdSense akan secara otomatis beralih ke mode test saat menjalankan Nuxt dalam mode dev . Tetapi Anda dapat menjaga mode tes dalam produksi dengan mengatur test opsi konfigurasi ke true .
Mode Tes menggunakan ID Penerbit Tes, sehingga Anda tidak akan melanggar AdSense TOS.
Perhatikan bahwa iklan uji biasanya akan muncul sebagai ruang kosong, tetapi akan memiliki dimensi yang benar (yaitu akan menempati ruang yang benar yang dibutuhkan oleh iklan yang diberikan).
Masukkan komponen <Adsbygoogle /> di mana pun Anda ingin iklan ditempatkan.
Anda harus menempatkan komponen <Adsbygoogle /> di dalam elemen wadah yang memiliki lebar (min /max) tertentu dan tinggi (min /max) (yang dapat didasarkan pada kueri media), atau menggunakan gaya atau kelas pada <Adsbygoogle /> Komponen untuk membatasi iklan ke ukuran tertentu (atau ukuran).
Gunakan properti ad-slot untuk menentukan nilai slot iklan Google AdSense Anda (ditentukan sebagai string).
Silakan merujuk ke dokumentasi AdSense untuk info lebih lanjut. Dokumentasi Google AdSense
Props komponen:
| menopang | jenis | keterangan |
|---|---|---|
ad-slot | Rangkaian | Google AdSense Adslot. Prop ini diperlukan saat tidak dalam mode uji . Lihat akun AdSense Anda untuk nilai iklan-slot. |
ad-format | Rangkaian | Opsional. Lihat dokumen AdSense untuk opsi lain |
ad-style | Obyek | Gaya untuk diterapkan pada elemen <ins> yang diberikan. Default: { display: 'block' } . Lihat dokumen pengikat gaya Vuejs untuk format objek. |
ad-layout | Rangkaian | Opsional. Lihat dokumen AdSense |
ad-layout-key | Rangkaian | Opsional. Lihat dokumen AdSense |
hide-unfilled | Boolean | Opsional. Menyembunyikan iklan yang tidak terisi jika benar. |
page-url | Rangkaian | Opsional. Atur URL Halaman Referensi (dari konten serupa) jika iklan ada di halaman yang membutuhkan otentikasi. Saat ditetapkan, prop ini harus berupa URL yang sepenuhnya memenuhi syarat (termasuk protokol dan nama host). |
include-query | Boolean | Override Global Option includeQuery UNTUK BASA AD AD. Pastikan semua iklan pada halaman memiliki pengaturan yang sama. |
analytics-uacct | Rangkaian | ID Akun Google Analytics (jika menautkan analitik dengan AdSense, IE UA-#######-# ). Default ke nilai yang ditentukan dalam opsi plugin analyticsUacct . |
analytics-domain-name | Rangkaian | Domain Akun Google Analytics (jika menautkan analitik dengan AdSense, yaitu example.com ). Default ke nilai yang ditentukan dalam opsi plugin analyticsDomainName . |
Komponen yang terpapar data internal | Nama | ketik | Deskripsi | ____ | ____ | ___________ | showAd | Metode | Memicu metode acara iklan untuk menampilkan iklan. | updateAd | Metode | Memicu metode pembaruan iklan untuk menyegarkan iklan. | isUnfilled | Computed Ref | Track Atribut yang Tidak Terbatas pada Elemen Iklan. Mengembalikan true jika data-ad-state = 'tidak terisi'.
Setiap kali rute Anda berubah atau secara opsional jika parameter kueri rute Anda berubah, iklan yang ditampilkan akan diperbarui, seperti halnya pada pemuatan halaman normal.
page-url pada komponen <Adsbygoogle /> ke URL halaman di situs Anda yang dapat diakses secara publik, yang akan memiliki konten serupa /relevan. Modul ini menggunakan teknik yang dikembangkan oleh Tim Angular (dengan bantuan dari Google AdSense) untuk menangani pembaruan iklan pada aplikasi web progresif:
Setiap kali iklan baru diminta, Parameter AdSense data-ad-region diperbarui ke nilai acak. Untuk alasan ini, Anda tidak dapat mengatur atribut data-ad-region pada komponen <Adsbygoogle /> .
Lisensi MIT
