() translation by (you can also view the original English article)
Это второй учебник серии о Google DoubleClick for Publishers. DFP - это услуга, которая может казаться невероятно сложной для непосвященных, поэтому эта серия стремится упростить ее.
Если у вас есть один или два веб-сайта, которые получают умеренное количество веб-трафика, и вы хотите знать, как лучше всего получать доход, продавать рекламу напрямую рекламодателям и оптимизировать свой доход, то эта серия для вас. Я сделаю все возможное, чтобы провести вас через процесс, который я просматриваю, со своими собственными сайтами, сохраняя жаргон простым и придерживаясь основ. Пожалуйста, начните с чтения первой части, Введение в Google DFP Small Business.
Напоминаем, что я участвую в обсуждениях ниже. Если у вас есть вопрос или предложение, пожалуйста, напишите комментарий ниже. Вы также можете подписаться на меня в Twitter @reifman или отправлять мне по электронное письмо.
Что такое DFP Small Business?
Освежим в памяти, что Google DFP предоставляет бесплатный маректинговый серивс, который может обеспечить доставку рекламы через ваш сайт (ы). Вы можете использовать его для заполнения объявлений с собственного рынка Google AdSense, а также от рекламодателей, которым вы продаете напрямую, или других сторонних сетей. Это вводное видео обеспечивает простой обзор:
Теперь давайте начнем с инструментов для нашего сайта для Google DFP.
Определение нашего инвентаря объявлений
Как мы рассмотрели в первой части, Ad Inventory - это все рекламное пространство, которое вы можете продать на своем веб-сайте. Если вы распечатали каждую страницу своего сайта и вырезали все рекламные объявления и уложили их, этот стек будет представлять ваш инвентарь.
Пример базового веб-сайта
Для целей этого руководства я расскажу вам, как настроить рекламу для нового сайта, который я настраиваю под названием ProTools.io. Сайт использует тему базы знаний, чтобы упростить поиск веб-сервисов и инструментов для разработчиков и издателей.
Давайте определим наш рекламный ресурс для сайта ProTools:
Первоначально я предлагаю три рекламных ролика на странице. В правой боковой панели будет два: маленький квадрат 250 х 250 и широкий небоскреб размером 160 х 600. И будет один выше комментариев, небольшой баннер 468 x 60. Дополнительную информацию об этом см. в руководстве Google AdSense по размерам объявлений.
Создание рекламных блоков
DFP относится ко всем рекламным местам вашего сайта, на которых объявления размещаются как Ad Units. Или, как говорит Google, «рекламный блок представляет собой представление в DFP одного места, где можно доставлять рекламу». Для начала нам нужно создать рекламные блоки для каждого из трех мест, описанных выше.
В DFP зайдите на страницу Inventory, чтобы начать:
Нажмите New ad unit, чтобы определить каждый из этих трех рекламных блоков:
Это полезно, если вы назовете рекламные блоки описательным образом с именем, разделом, местом размещения и размерами веб-сайта. Например, мое верхнее квадратное объявление боковой панели называется protools_sidebar_top_square_250x250.
Вы можете оставить последующие значения по умолчанию, как они есть, и сохранить рекламный блок. Обратите внимание, что значение по умолчанию позволяет Google AdSense заполнять рекламное пространство, которое не было заказано вашими собственными клиентами.
Когда вы добавили все три, вы можете увидеть Ad Units, перечисленные ниже:
Для дальнейшего использования Google предлагает несколько хороших примеров для создания дополнительных рекламных блоков:
Если у вас есть один и тот же рекламный блок размером 300x250 в верхней части всех ваших страниц контента, вам может понадобиться создать только один рекламный блок. Однако, если вы будете продавать свои ресурсы по разделу веб-сайта, вам могут понадобиться отдельные рекламные блоки для каждого раздела. Если у вас есть рекламные места в верхней и нижней части ваших страниц контента, вы, вероятно, захотите создать отдельные рекламные блоки, чтобы вы могли настроить таргетинг, цену и отчет по этим рекламным местам отдельно.
Генерация тегов: Добавим код DFP на свой сайт
Чтобы получить JavaScript из Google для наших объявлений, мы используем эту функцию на левой боковой панели под названием Generate tags. Теги - это неинтуитивное имя Google для рекламного кода JavaScript.
На странице Generate tags мы добавим все три рекламных блока, которые мы хотим использовать. Затем нажмите кнопку Generate tags.
Google предоставит вам два набора кода. Во-первых, JavaScript для Google DFP, который принадлежит вашему блоку <head> </ head>.
Вот пример моего сценария <head>:
1 |
<script type='text/javascript'> |
2 |
var googletag = googletag || {}; |
3 |
googletag.cmd = googletag.cmd || []; |
4 |
(function() { |
5 |
var gads = document.createElement('script'); |
6 |
gads.async = true; |
7 |
gads.type = 'text/javascript'; |
8 |
var useSSL = 'https:' == document.location.protocol; |
9 |
gads.src = (useSSL ? 'https:' : 'http:') + |
10 |
'//www.googletagservices.com/tag/js/gpt.js'; |
11 |
var node = document.getElementsByTagName('script')[0]; |
12 |
node.parentNode.insertBefore(gads, node); |
13 |
})();
|
14 |
</script> |
15 |
|
16 |
<script type='text/javascript'> |
17 |
googletag.cmd.push(function() { |
18 |
googletag.defineSlot('/1056613/protools_above_comments_full_banner_468x60', [468, 60], 'div-gpt-ad-1427669183026-0').addService(googletag.pubads()); |
19 |
googletag.defineSlot('/1056613/protools_sidebar_mid-skyscraper_160x600', [160, 600], 'div-gpt-ad-1427669183026-1').addService(googletag.pubads()); |
20 |
googletag.defineSlot('/1056613/protools_sidebar_top_square_250x250', [250, 250], 'div-gpt-ad-1427669183026-2').addService(googletag.pubads()); |
21 |
googletag.pubads().enableSingleRequest(); |
22 |
googletag.enableServices(); |
23 |
});
|
24 |
</script> |
Ниже вы увидите отдельные блоки <div> для каждого из рекламных блоков:
Разъясню, что верхний скрипт <head> должен появляться на любой странице с объявлением. Однако сценарий отдельного рекламного блока должен отображаться только там, где вы хотите разместить объявление.
Вот пример JavaScript для показа моего рекламного баннера размером 468 x 60 над комментариями:
1 |
<!-- protools_above_comments_full_banner_468x60 --> |
2 |
<div id='div-gpt-ad-1427669183026-0' style='width:468px; height:60px;'> |
3 |
<script type='text/javascript'> |
4 |
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1427669183026-0'); }); |
5 |
</script> |
6 |
</div> |
Разместим теги в WordPress
Затем мы начнем размещать код JavaScript DFP в WordPress. Сначала мы вставим блок <head> кода в файл темы header.php WordPress. Вы можете получить доступ к этому через опцию панели инструментов WordPress Appearance > Редактор тем.
Примечание. Если для своих тем вы используете репозиторий, например c GitHub, убедитесь, что вы интегрируете это изменение в свой репозиторий.
Для небольшого баннера 468x60 выше комментариев мы редактируем файл Single Post single.php в WordPress. Это изменение также попадет в ваш репозиторий кода, если вы его используете.
Затем мы добавим виджеты Text на боковую панель для каждой из двух боковых панелей. Эти виджеты не нужно добавлять в репозиторий кода:
Центрирование объявлений Google
Я обнаружил, что центрирование объявлений Google с помощью обертки div с style="text-align:center;" не работает, но устаревший тег <center></center> не используется.
Готовая страница с рекламой
Когда вы снова просмотрите страницу, вы сразу увидите, что объявления отображаются:
Что дальше?
В этом эпизоде вы научились определять рекламные ресурсы для своего сайта, создавать рекламные блоки, создавать теги (или код) и размещать этот код в соответствующих областях вашего сайта. Надеюсь, что вам было интересно. Как вы можете сказать, я намеренно стараюсь держать масштаб каждого эпизода довольно маленьким. Легко попасть в DFP, и я предпочел бы, чтобы вы чувствовали определенный уровень уверенности в каждой новой области.
В следующем эпизоде мы изучим Google DFP Placements, чтобы таргетировать рекламу в соответствующих горячих точках нашего веб-сайта, например, связанные страницы, которые получают много поискового трафика.
Пожалуйста, не стесняйтесь оставлять свои вопросы и комментарии ниже. Вы также можете подписаться на меня в Twitter @reifman или отправлять мне сообщение по электронной почте. Вы также можете просмотреть мою страницу инструктора Tuts +, чтобы увидеть другие учебники, которые я написал.
Ссылки по теме
