google adsense下載-Google google adsense源代碼下載

google adsense

其他源碼

v3.0.0

下載

注意：此分支適用於NUXT 3兼容模塊。 Checkout legacy-v2分支NUXT 2支持。

Google Adsense

nuxt.js的Google Adsense集成每當頁面路由更改時，廣告都會更新

設定

在您的項目中添加@nuxtjs/google-adsense依賴性使用YARN或NPM
添加@nuxtjs/google-adsense到nuxt.config.js的modules部分

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

使用頂級選項：

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

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

使用運行時配置：

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

異步廣告代碼（ //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js ）自動添加到頁面的<head>部分中。

配置選項

選項	類型	描述
`id`	細繩	您的Google Adsense Publisher客戶端ID（即`ca-pub-#########` ）。不在測試模式時需要。
`adFormat`	細繩	設置全局默認廣告格式。可以用組件道具覆蓋。
`analyticsDomainName`	細繩	Google Analytics（分析）帳戶域（如果將分析與Adsense鏈接，即`example.com` ）。
`analyticsUacct`	細繩	Google Analytics（分析）帳戶ID（如果將分析與Adsense鏈接，則`UA-#######-#` ）。
`hideFilled`	布爾	當`false`無填充廣告被隱藏時，將不會隱藏錯誤`true`廣告。默認值為`false` 。
`includeQuery`	布爾	當`false`時，僅`$route.path`檢查更改。如果設置為`true` `$route.query`也將考慮在內。默認值為`false` 。
`onPageLoad`	布爾	頁面加載後加載adsense腳本。默認值為`false` 。
`overlayBottom`	布爾	啟用Adsense錨廣告在底部顯示。默認值為`false` 。有關詳細信息，請參閱Adsense文檔。
`pageLevelAds`	布爾	啟用Adsense頁面級廣告。默認值為`false` 。有關詳細信息，請參閱Adsense文檔。
`pauseOnLoad`	布爾	暫停廣告請求，以獲取用戶同意使用cookie或其他本地存儲，根據GDPR。有關詳細信息，請參閱Adsense文檔。 `false` 。
`tag`	細繩	adsense組件標籤名稱。默認為`adsbygoogle` 。
`test`	布爾	將adsense迫使測試模式（見下文）。

測試模式

在dev模式下運行NUXT時，Adsense模塊將自動切換到test模式。但是，您可以通過將配置選項test設置為true來保持生產中的測試模式。

測試模式使用測試出版商ID，因此您不會違反Adsense TOS。

請注意，測試廣告通常會作為空白空間出現，但將具有正確的尺寸（即，渲染廣告所需的正確空間）。

用法

插入<Adsbygoogle />組件，無論您想在哪裡放置廣告。

您應該將<Adsbygoogle />組件放置在具有指定（min /max）寬度和（min /max）高度（可以基於媒體查詢）的容器元素中，或在<Adsbygoogle />將廣告限制為特定尺寸（或尺寸）的組件。

使用ad-slot屬性指定您的Google Adsense廣告插槽值（指定為字符串）。

有關更多信息，請參閱Adsense文檔。 Google Adsense文檔

組件道具：

支柱	類型	描述
`ad-slot`	細繩	Google Adsense Adslot。當不處於測試模式時，需要此道具。請參閱您的AdSense帳戶以獲取廣告插槽值。
`ad-format`	細繩	選修的。有關其他選項，請參閱Adsense文檔
`ad-style`	目的	適用於渲染`<ins>`元素的樣式。默認值： `{ display: 'block' }` 。有關對象格式，請參閱VUEJS樣式綁定文檔。
`ad-layout`	細繩	選修的。參考Adsense文檔
`ad-layout-key`	細繩	選修的。參考Adsense文檔
`hide-unfilled`	布爾	選修的。如果是真的，請隱藏未填充的廣告。
`page-url`	細繩	選修的。如果廣告在需要身份驗證的頁面上，請設置參考頁URL（類似內容）。設置後，此支柱必須是完全合格的URL（包括協議和主機名）。
`include-query`	布爾	覆蓋全球選項`includeQuery`按廣告為基礎。確保頁面上的所有廣告具有相同的設置。
`analytics-uacct`	細繩	Google Analytics（分析）帳戶ID（如果將分析與Adsense鏈接，則`UA-#######-#` ）。默認為插件選項`analyticsUacct`中指定的值。
`analytics-domain-name`	細繩	Google Analytics（分析）帳戶域（如果將分析與Adsense鏈接，即`example.com` ）。默認為插件選項`analyticsDomainName`中指定的值。

組件暴露了內部數據|名稱|類型|描述| ____ | ____ | ___________ | showAd |方法|觸發顯示AD方法以顯示AD。 | updateAd |方法|觸發更新廣告方法以刷新廣告。 | isUnfilled |計算的參考|跟踪廣告元素的未填充屬性。如果data-ad-state =“未填充”，則返回true 。

自動更新廣告

每當您的路由更改或選擇您的路由查詢參數更改時，任何顯示的廣告都會像在正常頁面加載上一樣更新。

警告：

注意：任意重新加載廣告（隨著頁面內容的最小變化）可能會導致您的Adsense帳戶中止。請參閱AdSense以獲取完整的使用條款。
Google需要抓取廣告出現的每個頁面。確保您的網站SSR呈現出顯示廣告的任何頁面。不會顯示不可傳輸頁面上的廣告。
將廣告放在需要身份驗證的頁面上時，將page-url設置在<Adsbygoogle />組件上的頁面上，將公開訪問的頁面上的一個頁面設置為“公開訪問”的網站，其中將具有相似的/相關內容。