Google DFP广告管理系统简介：开始与您的网站进行广告集成
這是有關(guān)DFP廣告管理系統(tǒng)的系列文章的第二篇。 對(duì)于初學(xué)者來說，DFP廣告管理系統(tǒng)似乎非常復(fù)雜，因此本系列旨在使其變得簡(jiǎn)單。
如果您有一個(gè)或兩個(gè)網(wǎng)站獲得中等程度的網(wǎng)絡(luò)流量，并且想知道如何最好地產(chǎn)生收入，直接向企業(yè)出售廣告并優(yōu)化收入，那么本系列適合您。 我將盡我所能，逐步引導(dǎo)您完成自己網(wǎng)站上的整個(gè)過程，保持行話簡(jiǎn)單，并堅(jiān)持基本原則。 請(qǐng)首先閱讀第一部分Google DFP廣告管理系統(tǒng)標(biāo)準(zhǔn)版簡(jiǎn)介 。
提醒一下，我確實(shí)參加了下面的討論。 如果您有任何問題或建議，請(qǐng)?jiān)谙旅姘l(fā)表評(píng)論。 您也可以在Twitter @reifman上關(guān)注我，或直接給我發(fā)送電子郵件 。
什么是Google DFP廣告管理系統(tǒng)標(biāo)準(zhǔn)版？
只是刷新， Google DFP廣告管理系統(tǒng)提供了一項(xiàng)免費(fèi)的廣告服務(wù)，可以為您整個(gè)網(wǎng)站上的廣告投放提供動(dòng)力。 您可以使用它來填充來自Google自己的AdSense市場(chǎng)以及您直接出售給其他第三方網(wǎng)絡(luò)的廣告商的廣告。 該介紹性視頻提供了一個(gè)簡(jiǎn)單的概述：
現(xiàn)在，讓我們開始為Google DFP測(cè)試我們的網(wǎng)站。
定義廣告資源
正如我們?cè)诘谝徊糠种兴?#xff0c; 廣告庫存是您可以在網(wǎng)站上出售的所有廣告空間。 如果您打印出網(wǎng)站的每個(gè)頁面并切出所有廣告并將它們堆疊起來，則該堆疊將代表您的庫存。
檢測(cè)基本網(wǎng)站
就本教程而言，我將指導(dǎo)您為正在配置的新站點(diǎn)ProTools.io設(shè)置廣告。 該站點(diǎn)使用知識(shí)庫主題，使開發(fā)人員和發(fā)布者可以輕松找到Web服務(wù)和工具。
讓我們?yōu)镻roTools網(wǎng)站定義廣告資源：
最初，我將在每個(gè)頁面上提供三個(gè)廣告位。 右側(cè)邊欄中將有兩個(gè)：一個(gè)小正方形250 x 250和一個(gè)寬幅摩天大廣告160 x600。注釋上方會(huì)有一個(gè)，小橫幅468 x60。有關(guān)這些的更多信息，請(qǐng)參見Google AdSense的廣告尺寸指南 。
創(chuàng)建廣告單元
DFP廣告管理系統(tǒng)是指網(wǎng)站上所有作為廣告單元投放的廣告空間。 或正如Google所說，“廣告單元是DFP廣告管理系統(tǒng)中可以投放廣告的一個(gè)空間的代表。” 首先，我們需要為上述三個(gè)位置中的每個(gè)位置創(chuàng)建廣告單元。
在DFP廣告管理系統(tǒng)中，訪問廣告資源頁面以開始：
點(diǎn)擊新建廣告單元，以定義以下三個(gè)廣告單元中的每個(gè)：
如果用網(wǎng)站名稱，部分，展示位置和尺寸來描述性地命名廣告單元，這將很有幫助。 例如，我的頂部側(cè)邊欄方形廣告稱為protools_sidebar_top_square_250x250 。
您可以保留后續(xù)的默認(rèn)值，然后保存廣告單元。 請(qǐng)注意，默認(rèn)設(shè)置使Google AdSense可以填充您自己的客戶未訂購的廣告空間。
將所有三個(gè)添加完畢后，您會(huì)看到以下列出的廣告單元 ：
為了將來提供參考，Google提供了一些有關(guān)何時(shí)創(chuàng)建其他廣告單元的良好示例：
生成代碼：將DFP代碼添加到您的網(wǎng)站
要從Google獲取我們廣告JavaScript，我們使用左側(cè)欄中名為生成標(biāo)簽的功能 。 標(biāo)簽是Google對(duì)JavaScript廣告代碼的直觀名稱。
在“ 生成代碼”頁面上，我們添加要使用的所有三個(gè)廣告單元。 然后，點(diǎn)擊 生成標(biāo)簽按鈕。
Google將為您提供兩套代碼。 首先，屬于您<head></head>塊的Google DFP JavaScript。
這是我的<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('/1056613/protools_above_comments_full_banner_468x60', [468, 60], 'div-gpt-ad-1427669183026-0').addService(googletag.pubads()); googletag.defineSlot('/1056613/protools_sidebar_mid-skyscraper_160x600', [160, 600], 'div-gpt-ad-1427669183026-1').addService(googletag.pubads()); googletag.defineSlot('/1056613/protools_sidebar_top_square_250x250', [250, 250], 'div-gpt-ad-1427669183026-2').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script>在其下，您將看到每個(gè)廣告單元的單獨(dú)<div>塊：
為了清楚起見，上方的<head>腳本需要與廣告一起出現(xiàn)在任何頁面上。 但是，單個(gè)廣告單元腳本只需要準(zhǔn)確顯示在您要放置廣告的位置即可。
這是一個(gè)JavaScript示例，可在評(píng)論上方顯示我的468 x 60廣告橫幅：
<!-- protools_above_comments_full_banner_468x60 --> <div id='div-gpt-ad-1427669183026-0' style='width:468px; height:60px;'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1427669183026-0'); }); </script> </div>在WordPress中放置標(biāo)簽
接下來，我們將開始在WordPress中放置DFP JavaScript代碼。 首先，我們將<head>代碼塊粘貼到WordPress header.php主題文件中。 您可以通過WordPress儀表盤外觀 >主題編輯器選項(xiàng)來訪問它。
注意： 如果您使用主題代碼庫（例如GitHub）作為主題，請(qǐng)確保將此更改集成到資源庫中。
對(duì)于評(píng)論上方的小橫幅468x60，我們?cè)赪ordPress中編輯Single Post single.php文件。 如果使用的話，這一更改也將進(jìn)入代碼存儲(chǔ)庫。
接下來，我們將為兩個(gè)側(cè)邊欄廣告的每個(gè)邊欄添加“文本”小部件。 這些小部件不需要添加到代碼存儲(chǔ)庫中：
集中Google Ads
我發(fā)現(xiàn)使用style="text-align:center;"的包裝div將Google Ads居中放置style="text-align:center;" 不起作用，但已棄用的<center></center>標(biāo)記起作用。
帶有廣告的完成頁面
再次查看該頁面時(shí)，您會(huì)看到廣告立即顯示：
下一步是什么？
在本集中，您已經(jīng)學(xué)習(xí)了為網(wǎng)站定義廣告資源，創(chuàng)建廣告單元，生成標(biāo)簽（或代碼）并將此代碼放置在網(wǎng)站的適當(dāng)區(qū)域中。 希望您已經(jīng)找到了說明。 如您所知，我正在努力使每集的范圍保持較小。 很容易被DFP淹沒，我希望您對(duì)每個(gè)新領(lǐng)域都感到一定的信心。
在下一個(gè)情節(jié)中，我們將探索Google DFP展示位置，以便將廣告定位到我們網(wǎng)站的相關(guān)熱點(diǎn)區(qū)域，例如接收大量搜索流量的相關(guān)頁面。
請(qǐng)隨時(shí)在下面發(fā)表您的問題和評(píng)論。 您也可以在Twitter @reifman上關(guān)注我，或直接給我發(fā)送電子郵件 。 您也可以瀏覽我的Tuts +講師頁面以查看我編寫的其他教程。
相關(guān)鏈接
- Google DFP網(wǎng)站
- Google DFP幫助
- 使用DFP廣告管理系統(tǒng)構(gòu)建廣告平臺(tái)（加州大學(xué)伯克利分校新聞學(xué)研究生院）
翻譯自: https://code.tutsplus.com/tutorials/introduction-to-google-dfp-beginning-ad-integration-with-your-website--cms-23720
總結(jié)
以上是生活随笔為你收集整理的Google DFP广告管理系统简介：开始与您的网站进行广告集成的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： RC522(RFID)读写驱动
- 下一篇： windows 7 如何调出快速启动栏