21 июля 2017112670

Как подключить Adsense: размещение кода на сайте

Система рекламы Google AdSense популярна у веб мастеров не только благодаря доходности и универсальности (наличием рекламодателей практически для любого сайта), но и простоте использования. Чтобы установить код AdSense на сайте надо просто настроить дизайн объявление в онлайн-конструкторе и получить готовый JS-код. Этот скрипт размещается в нужном месте веб-страницы редактированием HTML разметки или с помощью виджетов CMS.

Как самостоятельно подключить AdSense

Перед размещением кода AdSense на своем веб-ресурсе необходимо быть участником программы. Для регистрации в AdSense тебе понадобиться аккаунт Google и ты должен быть совершеннолетним. Так как сразу понадобиться указать свой сайт, советуем убедиться, что он не нарушает правил Google по запрещенному контенту.

Итак, как подключить AdSense:

  • Зайди на страницу http://www.google.ru/adsense/start/.
  • Авторизуйся со своими данными или создай новый аккаунт.
  • Введи адрес своего сайта.
  • Далее нужно указать свою страну и согласиться с правилами Adsense.
  • Укажи свой платежный адрес. Важно внимательно и точно все заполнить, на этот адрес будет выслан ПИН подтверждения (и, возможно, чеки, если ты будешь получать деньги в такой форме).
  • Следующий этап — подтверждение аккаунта по телефону (впоследствии Adsense еще потребует проверку адреса, отправив письмо обычной почтой с кодом подтверждения, но это уже паралелльно с публикацией рекламы).
  • Adsense выдаст специальный код, который нужно разместить на страницах своего сайта, как доказательство того, что ты являешься его владельцем
  • Указанный тобой сайт отправится на модерацию и, после проверки, будет доступен для установки рекламного кода. Как показывает практика, в 2017 увеличилось время модерации сайтов, так как Google стал более строго фильтровать площадки для рекламы. Иногда процесс занимает месяцы. Поэтому важно, чтобы твой веб-ресурс точно соответствовал требованиям AdSense к сайтам. Но такая модерация происходит один раз, вначале, а впоследствии ты сможешь быстро устанавливать рекламные объявления на любом сайте, соответствующим правилам AdSense.

После того, как процесс регистрации завершен, ты можешь создавать рекламное объявление. Для этого зайди в раздел «Мои объявления» и кликни по кнопке «Новый рекламный блок».

Выбери один из типов объявлений:

  • Традиционные текстовые или графические объявления.
  • Объявления в фиде.
  • Объявления в статье.

Последние два типа являются нативными — автоматически подстраиваемыми под содержимое и оформление страницы сайта.

Для каждого типа объявлений можно задать параметры: размер, шрифт, цвет надписей, фона и рамки и другие параметры. Рекомендуем использовать адаптивные объявления, которые автоматически масштабируются для экранов мобильных устройств. Также объявлению назначается канал — отдельный идентификатор, по которому отслеживаются показы и эффективность объявлений.

После того как все настроил, нажми на кнопку «Сохранить и получить код». В новом окне будет показан код скрипта, который нужно разместить на страницах твоего сайта.

Куда вставлять код AdSense

При публикации рекламы Google на своем сайте нужно строго соблюдать правила размещения объявлений. Нельзя с помощью оформления привлекать внимание к рекламе, побуждать пользователей кликнуть или наоборот маскировать объявление так, чтобы посетитель не знал, что кликает по рекламе.

Есть три способа вставить код AdSense на сайт:

  • Если это ресурс собственной разработки, тебе понадобиться редактор HTML страниц и доступ к содержимому сайта на хостинге по FTP. Следует учитывать, что нужно редактировать непосредственно код страниц, визуальный редактор WYSIWYG не подойдет. Подключись к своему хостинг по FTP, зайди в папку своего сайта и найди нужный файл. Открой его на редактирование и вставь код AdSense в нужном месте страницы. Сохрани изменения и закрой файл.
  • Можно зайти в панель управления своим хостингом, в файл-менеджере найти нужную страницу сайта и откорректировать ее.
  • Если используется CMS (Blogspot, Wordpress, Weebly, Drupal) то в ней AdSense, либо встроен (как в Blogger) и надо только указать свой идентификатор клиента, либо есть готовые плагины, упрощающие размещение кода объявлений AdSense на сайте.

Принимая решение, куда вставлять код AdSense, желательно не угадывать положение блоков среди контента, а проверять, тестировать разные варианты. Понимание психологии тут помогает, но не решает всех проблем. Например, есть большой вертикальный блок объявлений, который называется «небоскреб». Если его установить слева от контента, то это будет первое, на что наткнется взгляд посетителя, но потом он будет искать полезную информацию и станет просматривать среднюю часть страницы. А если этот блок установить справа, то на нем пользователь завершит просмотр материала на странице, соответственно эта реклама получит в несколько раз больше внимания.

Хотя в правилах AdSense уже нет явного требования устанавливать на странице не больше трех блоков с рекламными объявлениями, советуем не увлекаться их количеством, особенно при небольшом трафике на сайте. Чем меньше рекламных блоков на странице, тем больше каждый из них получит внимания посетителя сайта. Кроме этого, по правилам AdSense ценного контента на странице должно быть больше, чем рекламы.

Код, который получил в своем аккаунте AdSense нужно использовать без изменений. Помни, что это JavaScript, он предназначен для вставки в страницу с HTML разметкой, между тегами <body> и </body>.

Если ты вставляешь код AdSense в PHP страницы, то надо публиковать его за пределами PHP-кода или сделать разрыв (с помощью ?> и <?php). Пример ниже показывает, как изолировать JS код рекламы от php-кода:

?>

-<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"

  style="display:block"

  data-ad-client="ca-pub-XXXXXXXXXXXXXXX"

  data-ad-slot="XXXXXXXXX"

  data-ad-format="auto"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>)

<?php

Не рекомендуется выводить код AdSense из программы на php с помощью оператора echo, так как в коде скрипта объявления используются двойные кавычки и легко запутаться с их экранированием.

Рекомендуем использовать асинхронный код для рекламы, чтобы загрузка страницы не тормозилась на время выполнения скрипта.

Сейчас также интересуются:

Как вставить код AdSense в WordPress

Сайт на движке WordPress представляет собой совокупность файлов *.php, причем большей частью, это страницы в HTML разметке со вставками php-кода.

Добавить код AdSense на страницы сайта под управлением WordPress можно тремя способами:

  • Использовать виджеты произвольного текста и вставить код объявления в них.
  • Редактировать исходные тексты файлов темы WordPress.
  • Установить специальные плагины для интеграции AdSense (например, «WordPress AdSense Integration WP QUADS» или «Ad Inserter»).

Самостоятельное добавление рекламы

Зайди в панель управления своего сайта и в левом меню перейди в раздел «Внешний вид», подраздел «Виджеты». Добавь в сайдбар виджет «Произвольный текст или HTML-код».

В этом виджете переключись на режим «Текст» и вставь скрипт объявления из админки AdsSense.

Сохрани изменения. Это простой способ обладает серьезным недостатком — ты ограничен в размещении рекламных блоков возможностями темы и количеством ее боковых и нижних панелей.

Другой путь редактирование файлов темы, но это требует некоторых навыков программирования. Например, если ты хочешь вставить рекламу внутри текста своего поста, то зайди в пункт «Редактор» раздела «Внешний вид» и выбери файл functions.php.

Перейди в конец файла и добавь такой код:

function kama_content_advertise($text){

$nu = 500;

$adsense = <<<HTML

<div style="float:right;margin:0 0 10px 15px;">

----------------- код объявления Adsense

</div>

HTML;

//  return str_replace('<!--more-->', $adsense.'<!--more-->', $text);

return preg_replace('@([^^]{'.$nu.'}.*?)(\r?\n\r?\n|

)@', "\\1$adsense\\2", trim($text), 1);

}

add_filter('the_content', 'kama_content_advertise', -10);

В данном случае переменная $nu это количество символов в тексте, после которых появится реклама (в примере это 500). А вместо «----------------- код объявления Adsense» нужно вставить код скрипта рекламного объявления из твоего аккаунта AdSense.

Использование плагинов WP для AdSense

Более удобным способом установки AdSense на WordPress блог является использование специальных плагинов. Ниже приведен пример очень популярного среди вебмастеров WordPress AdSense Integration WP QUADS.

Зайди в раздел «плагины», пункт меню «Добавить новый» и в строке поиска введи WordPress AdSense Integration WP QUADS. Появится плагин, кликни по «Установить» и активируй его.

У этого плагина очень гибкие настройки. Можно выбрать, где показывать объявление: в начале, середине, конце поста, после определенного абзаца, после тега <!--more-->, после определённого по номеру изображения в тексте. При этом для каждого пункта можно выбрать либо случайное объявление, либо конкретное по номеру.

В разделе «AdSense Code» можно создать 10 объявлений и для каждого указать свой код и правила выравнивания рекламного блока в тексте.

Кроме автоматической вставки в настройках плагина можно создавать виджеты с объявлениями, которые доступны через интерфейс настройки темы WordPress. Например, виджет для боковой панели.

Способов установки рекламы на сайт существует много. Но если твой ресурс не создан вручную, с написанием кучи HTML страничек, а работает на какой-либо CMS, то задача упрощается. Практически для любого популярного движка найдется плагин, с помощью которого можно будет установить код AdSense, не углубляясь в исходники сайта. А для самого популярного WordPress разработаны десятки плагинов публикации рекламных объявлений.

Вы используете AdSense для заработка на сайте?
58 голосов

 

Как вам статья?

Получить актуальную подборку кейсов

Прямо сейчас бесплатно отправим подборку обучающих кейсов с прибылью от 14 730 до 536 900 ₽.

ИЗБРАННЫЕ ЗАПИСИ
 
Partnerkin
Партнеркин ищет авторов статей по теме арбитража и манимейкинга с оплатой «выше рынка» Подробности >>
babystars.com.ua Ответить
Весьма познавательно. Инфо супер. Но не могли бы вы так же подсказать какие то конструкторы сайтов (бесплатные) куда можно привинтить рекламу от адсенс.
06 мая 2018, 14:20 0