使用 Google DFP 刊登廣告,解決 AdSense 廣告數量上限問題

這裡示範如何使用 Google DFP 來刊登廣告,突破 AdSense 最多只能放三個廣告的限制。

許多的網站都會放置一些廣告,透過廣告收益來維持網站的運作,甚至用這樣的模式把網站當作一個事業來經營,而 Google 的 AdSense 是目前最熱門的網路廣告商,一般網站上的廣告大多數都是藉由 AdSense 來刊登的。


AdSense 的廣告刊登政策中明確規定了各種廣告刊登數量限制,一個網頁中最多只能放置三個廣告單元、三個連結單元和兩個搜尋框,一般的網站最主要都會使用大面積的廣告單元,正常來說三個廣告是足夠的,但是對於某些內容特別豐富的網站而言,一個頁面非常的長,其實放置超過三個廣告也不會對讀者有太大的影響,但受限於 AdSense 的規定,最後也是無可奈何。

後來 Google 花了 31 億買下了 DoubleClick,推出了 DFP 這個廣告管理系統,使用者可以透過 DFP 刊登與管理自己的廣告,或是播放 AdSense 或是其他聯播網的廣告,而在選擇播放的廣告時,DFP 會讓 Google AdSense 與其他廣告聯播網競爭以提高發佈者的收益,也就是說 DFP 會挑選收益最好的廣告優先播放,理論上這樣會比一般直接放 AdSense 廣告更好。

因為 AdSense 的廣告數量在計算時是跟 DFP 分開的,所以我們可以使用 AdSense 放三個廣告單元,剩下的部分就用 DFP,許多網站就是以這樣的方式播放三個以上的大面積廣告單元,當然您必須仔細衡量自己的網頁內容與排版是否適合放置那麼多的廣告,過多的廣告容易讓整個版面雜亂無章,這一點是在放置廣告之前要審慎考慮的。

不過 DFP 只負責放送廣告,不負責付款的動作,所有的款項都是由廣告客戶或廣告聯播網(如 AdSense)直接付款。

以下是使用 DFP 服務在網站上放置廣告的流程。

Step 1
若要在自己的網站上刊登廣告,首先在 DFP 的「廣告空間」中,選擇「新增廣告單元」。

google-dfp-inventory-1

Step 2
輸入廣告相關資訊,「程式碼」的部分就自己用英文取一個容易辨識的代碼即可,剩下的欄位大概大家都看得懂,我就不解釋了。

google-dfp-inventory-2

Step 3
在 AdSense 廣告空間設定的部分,記得要啟用,或是勾選「利用 AdSense 盡量提高未售出及剩餘廣告空間的收益」,這樣就可以讓 DFP 播放 AdSense 的廣告。

google-dfp-inventory-3

Step 4
新增完廣告單元之後,再新增一個刊登位置,點選「新增刊登位置」。

google-dfp-inventory-4

刊登位置的意義其實就跟 AdSense 的頻道一樣,讓廣告業主可以知道廣告的刊登位置。

Step 5
填寫刊登位置的基本資料,並選擇這個位置所包含的廣告單元。

google-dfp-inventory-5

Step 6
填寫 AdWords 用的資訊,這裡要填寫的資料跟 AdSense 的頻道幾乎一樣,反正按照您的廣告所放置的位置填寫即可。

google-dfp-inventory-6

填完則按下儲存。

Step 7
開啟剛剛上面新增的廣告單元,點選右上方的「產生廣告代碼」。

google-dfp-inventory-7

Step 8
選擇「Google 發佈商廣告代碼」。

google-dfp-inventory-8

Step 9
調整代碼選項,如果不清楚這些是做什麼用的,其實用預設值就可以了。

google-dfp-inventory-9

Step 10
將產生的 HTML 程式碼貼在自己的網頁中。

google-dfp-inventory-10

這所產生的 HTML 程式碼有兩段,第一段是放在 <head></head> 之間:

<script type='text/javascript'>
  var googletag = googletag || {};
  googletag.cmd = googletag.cmd || [];
  (function() {
    var gads = document.createElement('script');
    gads.async = true;
    gads.type = 'text/javascript';
    var useSSL = 'https:' == document.location.protocol;
    gads.src = (useSSL ? 'https:' : 'http:') +
      '//www.googletagservices.com/tag/js/gpt.js';
    var node = document.getElementsByTagName('script')[0];
    node.parentNode.insertBefore(gads, node);
  })();
</script>

<script type='text/javascript'>
  googletag.cmd.push(function() {
    googletag.defineSlot('/54009424/gtwang-post-bottom-1', [336, 280], 'div-gpt-ad-1432171343962-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.enableServices();
  });
</script>

而第二段則是放在要顯示廣告的位置:

<!-- /54009424/gtwang-post-bottom-1 -->
<div id='div-gpt-ad-1432171343962-0' style='height:280px; width:336px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1432171343962-0'); });
</script>
</div>

將 HTML 程式碼貼好之後就完成了,不過通常剛剛新增的廣告單元放上網頁時,並不會馬上顯示出來,我是大約等了好幾分鐘之後,才看到廣告正常出現在網頁上。

網頁開發

1 Comment

  1. Ares

    講述的內容很清楚,感恩

Leave a Reply