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