廣告代碼

AdSense 廣告代碼可啟用廣告放送和收益分潤功能。您必須在每個網頁放置 AdSense 廣告代碼,以便使用者選擇採用 AdSense 透過內容營利。

這個步驟的實際做法可能取決於廣告設定控制項,以及您想為使用者提供的廣告體驗: - 如果廣告設定的控制權在您,您便可決定要支援的廣告類型和刊登位置,並將使用者的網站當成您的網站一樣加入廣告代碼。您會在 AdSense 帳戶中建立廣告單元,但需要修改 data-ad-client 和 data-ad-host 參數 - 如想將廣告設定的控制權委派給使用者,建議您向使用者詢問他們偏好的廣告類型和刊登位置 (左側、右側、頂端、底部等),然後據此加入代碼。請注意,如要使用原生廣告,廣告代碼就必須含有廣告單元 ID,而您需要向使用者收集這項資訊。

廣告代碼參數

您必須修改廣告代碼中的兩個參數。使用者的廣告放送功能和收益分潤將取決這些參數,請加以設定,指定平台的發布商 ID 和使用者的發布商 ID。視使用的廣告格式而定,您還可以修改其他參數。

參數 是否必要? 說明和範例
data-ad-host 這是您平台的主機資源 ID (字串)。這個值可識別平台的 AdSense 帳戶,也是啟用廣告放送功能的必要值。

如要放送 AdSense 內容廣告,請在此字串附加「ca-host-」。

範例:
data-ad-host="ca-host-pub-1234"
data-ad-client 您使用者的 AdSense 內容廣告發布商 ID (字串)。這個值會在使用者進行註冊流程時提供,是啟動收益分潤功能的必要值。

如要放送 AdSense 內容廣告,請在此字串附加「ca-」。

範例:
data-ad-client="ca-pub-5678"
data-ad-slot 如為多媒體廣告單元,則非必要

如為其他廣告單元格式,則為必要
這是與廣告單元相關聯的 ID。如果是多媒體廣告單元,這個 ID 為選填欄位;如果是其他廣告單元格式,則為必填欄位。如有廣告單元 ID,廣告放送期間就會使用與廣告單元相關聯的設定。放送廣告時,我們會同時在平台 (data-ad-host) 和子 (data-ad-client) 帳戶中尋找這個廣告單元 ID。這個參數在 AdSense 中也會用來填入「廣告單元」報表 (該報表只有在廣告單元所屬的帳戶中才會填入資料)。
data-ad-host-channel 這會用來製作報表。詳情請參閱報表部分

重要事項:如果廣告程式碼中沒有 data-ad-client 參數,AdSense 仍會使用 data-ad-host 參數提供的值繼續放送廣告,但您使用者的帳戶將不會收到任何曝光成效及收益分潤。為避免將收益歸給錯誤的使用者,請確認程式碼標記中的 data-ad-client 發布商 ID 正確無誤。

廣告程式碼範例

以下針對 AFP 支援的各個廣告類型提供程式碼範例。進一步瞭解 AdSense 的廣告單元自動廣告

多媒體廣告單元程式碼 (回應式)

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
    style="display:block;"
    data-ad-host="ca-host-pub-1234"
    data-ad-client="ca-pub-5678"
    data-ad-format="auto"></ins>
<script>
   (adsbygoogle = window.adsbygoogle || []).push({});
</script>

多媒體廣告單元程式碼 (固定大小)

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
    style="display:inline-block;width:728px;height:90px"
    data-ad-host="ca-host-pub-1234"
    data-ad-client="ca-pub-5678"
    ></ins>
<script>
   (adsbygoogle = window.adsbygoogle || []).push({});
</script>

多媒體 AMP 廣告單元 (回應式)

您必須在頁面的 <head> 中加入以下程式碼:

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

以下是廣告單元的程式碼片段,位於 <body> 中:

<amp-ad
  width="100vw"
  height="320"
  type="adsense"
  data-ad-host="ca-host-pub-1234"
  data-ad-client="ca-pub-5678"
  data-ad-slot=""
  data-auto-format="rspv"
  data-full-width="">
  <div overflow="">
</amp-ad>

多媒體 AMP 廣告單元 (固定大小)

您必須在頁面的 <head> 中加入以下程式碼:

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

以下是廣告單元的程式碼片段,位於 <body> 中:

<amp-ad
  layout="fixed"
  width="300"
  height="600"
  type="adsense"
  data-ad-host="ca-host-pub-1234"
  data-ad-client="ca-pub-5678">
</amp-ad>

自動廣告

下列廣告代碼最好放在 <head> 元素中,或是網頁的上方位置,越上方越好。

<script
    data-ad-client="ca-pub-5678"
    data-ad-host="ca-host-pub-1234"
    async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>

透過 Ad Placement API 放送廣告

Ad Placement API 目前支援插頁式廣告和獎勵廣告。請參閱 Ad Placement API 開發人員說明文件,瞭解如何導入及自訂 API。

AdSense for Platforms 適用於這些格式 (目前僅適用於網路流量)。唯一的條件是必須在主要廣告代碼中加入 data-ad-host 參數。請參考以下範例。

<script async
      data-ad-client="ca-pub-5678"
      data-ad-host="ca-host-pub-1234"
      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
<script>
   window.adsbygoogle = window.adsbygoogle || [];
   var adBreak = adConfig = function(o) {adsbygoogle.push(o);}
</script>