廣告代碼
AdSense 廣告代碼可啟用廣告放送和收益分潤功能。您必須在每個網頁放置 AdSense 廣告代碼,以便使用者選擇採用 AdSense 透過內容營利。
這個步驟的實際做法取決於廣告設定控管,以及您希望帶給使用者的廣告體驗: - 如果您負責控管廣告設定,則可決定要支援的廣告類型和刊登位置,並將廣告代碼加進使用者的網站 (方法與設定自己的網站一樣)。您在 AdSense 帳戶中建立廣告單元,但修改了 data-ad-client 和 data-ad-host 參數。 - 如果您將廣告設定的控管權指派給使用者,建議您詢問使用者對廣告類型和刊登位置 (左、右、頂端、底部等) 的偏好設定,並依據這些偏好進行標記。請注意,如要使用原生廣告,廣告代碼就必須含有廣告單元 ID,而您需要向使用者收集這項資訊。
廣告代碼參數
您必須修改廣告代碼中的兩個參數。使用者的廣告放送功能和收益分潤將取決這些參數,請加以設定,指定平台的發布商 ID 和使用者的發布商 ID。視使用的廣告格式而定,您還可以修改其他參數。
參數 | 是否必要? | 說明和範例 |
---|---|---|
data-ad-client |
是 |
使用者的 AdSense 內容廣告發布商 ID (字串)。這個值會在使用者進行註冊流程時提供,是啟動收益分潤功能的必要值。
如要放送 AdSense 內容廣告,請在此字串前方加上「ca-」。 請注意,這個字串也會顯示在指令碼代碼的來源網址中,參數名稱為 client 。
範例: data-ad-client="ca-pub-1234" src=".../adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
|
data-ad-host |
是 |
這是您平台的主機資源 ID (字串)。這個值可識別平台的 AdSense 帳戶,也是啟用廣告放送功能的必要值。
如要放送 AdSense 內容廣告,請在此字串前方加上「ca-host-」。 請注意,這個字串也會顯示在指令碼代碼的來源網址中,位於參數名稱 host 下方。
範例: data-ad-host="ca-host-pub-5678" src=".../adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
|
data-ad-slot |
如為多媒體廣告單元,則非必要
如為其他廣告單元格式,則為必要 |
這是與廣告單元相關聯的 ID。如果是多媒體廣告單元,這個 ID 為選填欄位;如果是其他廣告單元格式,則為必填欄位。如有廣告單元 ID,廣告放送期間就會使用與廣告單元相關聯的設定。放送廣告時,我們會同時在平台 (data-ad-host ) 和子 (data-ad-client ) 帳戶中尋找這個廣告單元 ID。這個參數在 AdSense 中也會用來填入「廣告單元」報表 (該報表只有在廣告單元所屬的帳戶中才會填入資料)。
|
data-ad-host-channel |
否 | 這項資訊會用於製作報表。詳情請參閱報表部分。 |
重要事項:如果廣告程式碼中沒有 data-ad-host
參數,AdSense 仍會使用 data-ad-client
參數提供的值繼續放送廣告,但您的平台帳戶將不會收到任何曝光成效及收益分潤。您也可以使用 google-adsense-platform 中繼標記,確保廣告請求中包含主機發布商 ID。
此外,請確認程式碼標記中的 data-ad-client
發布商 ID 正確無誤,以免將收益歸給錯誤的使用者。
廣告程式碼範例
以下針對 AFP 支援的各個廣告類型提供程式碼範例。進一步瞭解 AdSense 的廣告單元和自動廣告。
多媒體廣告單元程式碼 (回應式)
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
<ins class="adsbygoogle"
style="display:block;"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678"
data-ad-format="auto">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
多媒體廣告單元程式碼 (固定大小)
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-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-client="ca-pub-1234"
data-ad-host="ca-host-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-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678">
</amp-ad>
自動廣告
下列廣告代碼最好放在 <head>
元素中,或是網頁的上方位置,越上方越好。
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
透過 Ad Placement API 放送廣告
Ad Placement API 目前支援插頁式廣告和獎勵廣告。請參閱 Ad Placement API 開發人員說明文件,瞭解如何導入及自訂 API。
AdSense for Platforms 適用於這些格式 (目前僅適用於網路流量)。唯一的條件是必須在主要廣告代碼中加入 data-ad-host
參數。請參閱下方的範例。
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
<script>
window.adsbygoogle = window.adsbygoogle || [];
var adBreak = adConfig = function(o) {adsbygoogle.push(o);}
</script>