Размещение HTML кода AdSense на Ваших сайтах

Осознавая то, что копирование и вставка кода AdSense может порой вызывать затруднения, особенно если Вы недавно столкнулись с HTML и веб-дизайном. В данном руководстве будут представлены основные сведения о HTML, даны два примера вставки кода с помощью HTML-редакторов разных типов и обсуждены типичные проблемы, которые могут возникнуть после вставки кода AdSense.

Примечание. Если Вы предпочитаете видеоуроки письменным инструкциям, можно познакомиться с нашим демонстрационным примером поддержки кода объявления (только на английском языке). Это виртуальная презентация, основанная на том же материале, что и данное руководство (начиная со слайда 7).

В руководстве имеются сведения по многим темам, и Вы можете спокойно выбрать интересующий раздел:

1. Копирование кода AdSense
2. Вставка кода AdSense
3. Основы HTML
   a. Методы просмотра исходного кода
   б. Поиск в исходном коде HTML
4. Вставка в редакторе WYSIWYG ("что видишь, то и получаешь")
   a. Использование просмотра кода
   б. Использование вставки HTML
5. Типичные проблемы
   a. Вставка неточного кода
   б. Поиск добавленного кода HTML
   в. После вставки кода необходимо запастись терпением
   г. Выбор форматов объявлений, которые соответствуют структуре сайта
6. Дополнительные ресурсы

1. Копирование кода AdSense

---

Сначала необходимо найти код AdSense. Ему соответствует следующий путь: окно Ваш код AdSense на странице "Получить код поиска" (вкладка Настройка AdSense на страницах учетной записи). Этот код необходимо скопировать и вставить в исходный код HTML Вашего сайта.

Чтобы скопировать код, выделите все содержание окна Ваш код AdSense, установив курсор в любую точку окна и нажав левую клавишу мыши. Когда все окно станет синим, это будет означать, что код выбран.

Затем в меню Изменить выберите Скопировать, чтобы скопировать выделенную область. Если необходимо обойтись без вставки кода прямо в исходный HTML код сайта, его можно вставить в другое приложение (например, в Блокнот), открыв исходный код в одном из указанных ниже разделов.

2. Вставка кода AdSense

---

В этом разделе приведены сведения о вставке кода в исходный код Вашей страницы. Если Вы не знакомы с HTML, перейдите к этапу 3.

Чтобы показывать объявления Google на Вашем веб-сайте, очень важно скопировать рекламный код в точности таким, каким он представлен в поле Настройка AdSense учетной записи AdSense, и вставить его непосредственно в исходный код HTML веб-страниц без каких-либо изменений. Изменение рекламного кода противоречит правилам нашей программы и, кроме того, может привести к ошибкам на Вашей странице.

После копирования кода AdSense вернитесь на рабочий стол и откройте HTML-редактор. Открыв исходный код HTML, поместите курсор туда, куда необходимо вставить код своего объявления, а затем выберите Вставить в меню Правка.

После завершения вставки кода в веб-страницы следует сохранить изменения, а затем загрузить информацию на сервер или опубликовать на сервере обновленные страницы. Если во время загрузки возникнут проблемы, свяжитесь со своим поставщиком услуг хостинга. Учтите, что после вставки кода объявлений в исходный код HTML он должен выглядеть в точности также, как и код объявления в Вашей учетной записи AdSense.

Если все сделано правильно, Вы почти сразу увидите объявления Google на своих страницах.

К началу

3. Основы HTML

---

Если Вы незнакомы с HTML, позвольте Вас немного просветить. HTML (язык гипертекстовой разметки) - это язык программирования, на котором написаны веб-страницы. Этот код используется в Интернете. Браузеры считывают HTML, чтобы показать содержание страницы.

3a. Методы просмотра исходного кода

Если требуется просмотреть документ HTML (также называемый "исходным кодом"), первым делом следует открыть браузер. Затем необходимо перейти к странице, исходный код которой требуется просмотреть, а затем нажать Просмотр в строке меню, расположенной в верхней части экрана. Затем выберите пункт Просмотр HTML-кода в Internet Explorer.

или Просмотр исходного кода страницы в Firefox.

На экране появится документ HTML с исходным кодом данной страницы.

3б. Поиск в исходном коде HTML

Любой документ HTML состоит из заключенных в скобки тегов с инструкциями, позволяющими браузеру показывать элементы HTML. Все элементы HTML начинаются с открывающего тега (< >), а оканчиваются завершающим тегом (). Базовая структура любого документа HTML выглядит следующим образом:

<HTML>

<HEAD>
</HEAD>

<BODY>




</BODY>
</HTML>

Открывающий тег <HTML> информирует браузер о том, что достигнуто начало документа HTML. Открывающий тег <HEAD> содержит информацию о заголовке. При просмотре страницы в браузере он не виден. Любой текст, приведенный между тегами BODY (<BODY> и </BODY>), будет показан в браузере. Закрывающий </HTML> тег информирует браузер о том, что достигнут конец документа HTML.

Чтобы обеспечить правильный показ объявлений, необходимо вставить код объявления между открывающим (<BODY>) и закрывающим (</BODY>) тегами исходного кода.

Если теги <BODY> не удается найти, попробуйте нажать сочетание клавиш "CTRL"+"F" (ПК) или "COMMAND"+"F" (Macintosh), чтобы вызвать окно Найти текст. Введите "<BODY" (без кавычек), чтобы найти открывающий тег, либо "</BODY" (без кавычек), чтобы найти закрывающий тег, а затем нажмите Найти далее.

К началу

4. Вставка в редакторе WYSIWYG ("что видишь, то и получаешь")

---

Если Вы используете HTML-редактор с расширенными функциями веб-дизайна, который часто называют WYSIWYG ("что видишь, то и получаешь"), в нем может быть реализована функция просмотра кода, позволяющая выбрать одно из следующих представлений: "HTML", "Веб-дизайн" (или обычный просмотр) и "Предварительный просмотр". Кроме того, в редакторе может присутствовать функция вставки HTML, которая использует вкладку меню "Вставить". Если найти исходный код HTML своей страницы в редакторе WYSYWIG не удается, свяжитесь с соответствующей службой поддержки и попросите их помочь Вам.

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

Кроме того, можно посмотреть, как другие веб-издатели внедрили код AdSense с помощью выбранного Вами HTML-редактора на Форуме AdSense (только на английском языке).

4a. Использование просмотра кода

Если в редакторе имеется функция просмотра кода, следуйте указанным ниже инструкциям, чтобы вставить свой код AdSense.

Откройте в редакторе веб-страницу, на которую необходимо поместить код AdSense. В представлении Обычный или Веб-дизайн выберите то место в документе, куда необходимо вставить код AdSense. В рамках данного примера мы поместим под заголовком рекламный блок в виде полного баннера.

Скопируйте рекламный код из текстового поля Ваш код AdSense.

Перейдите к просмотру HTML в редакторе. Вставьте код между тегами <BODY> и </BODY>, где мигает курсор. Если вставленный код не будет заключен между тегами <BODY>, объявления начнут выглядеть неправильно.

Перейдите на вкладку Предварительный просмотр, чтобы убедиться в том, что код успешно вставлен. Если все будет сделано правильно, объявления можно будет просматривать.

Если Вы довольны результатами, перейдите в меню Файл и нажмите Опубликовать в Интернете... При этом в Интернете будет опубликован Ваш сайт с объявлениями Google.

4б. Использование вставки HTML

Если в редакторе имеется функция вставки HTML, следуйте указанным ниже инструкциям, чтобы вставить свой код AdSense.

Сначала скопируйте код AdSense из поля Ваш код AdSense в учетной записи.

Затем откройте в редакторе веб-страницу, на которую необходимо поместить код AdSense. Нажмите Вставить на панели инструментов, а затем перетащите код вниз и нажмите HTML.

Появится окно "Код HTML". Вставьте код AdSense в окно и нажмите OK.

После этого появится новое окно HTML. Это окно можно перемещать в любое место на сайте. Необходимо сделать так, чтобы оно не закрывало другое текстовое или графическое окно. Перекрытие окон препятствует показу объявлений и создает ошибки при загрузке веб-сайта. Учтите также, что размер окна HTML можно отрегулировать в соответствии с требованиями структуры сайта. В данном примере мы изменили размер окна HTML, чтобы код объявления "небоскреб" уместился на боковую панель страницы.

Если Вам нравится расположение объявлений, перейдите в меню Файл и выберите пункт Предварительный просмотр в браузере, чтобы посмотреть, как будет выглядеть объявление.

В данном случае Вы увидите рекламный блок типа "небоскреб", находящийся справа на странице. Подберите формат объявления так, чтобы оно умещалось в пустое пространство на сайте.

Если Вы довольны расположением объявления, перейдите в меню Файл и нажмите Опубликовать. Если все сделано правильно, Вы почти сразу увидите объявления Google на своих страницах.

К началу

5. Типичные проблемы

---

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

5a. Вставка точного кода

Если рекламный блок не появляется на Вашем сайте или Вы обнаружите ошибку при просмотре сайта (например, виден код объявления), проверьте исходный код своего сайта. Необходимо убедиться, что код на сайте полностью идентичен коду AdSense в учетной записи.

Чтобы проверить исходный код HTML веб-страницы, выполните следующие действия.

• Откройте окно браузера и просмотрите в нем свою веб-страницу.
• На вкладке Просмотр выберите Просмотр HTML-кода в Internet Explorer или Просмотр исходного кода страницы в Firefox. Появится всплывающее окно с текстовым документом, содержащим код HTML Вашего сайта.
• Нажмите сочетание клавиш "Ctrl" + "F" (или "COMMAND" + "F" при использовании компьютера Macintosh). Появится окно Поиск. Введите в нем "google_ad" и нажмите клавишу "Enter", чтобы найти свой код объявления.
• Затем откройте учетную запись AdSense в новом окне и перейдите в окно Ваш код AdSense на вкладке Настройка AdSense. Поместите исходный код HTML рядом с кодом объявления в поле Ваш код AdSense. Сравните коды и убедитесь, что они полностью идентичны на обеих страницах.

Чаще всего объявления веб-издателей не появляются из-за ошибок во время копирования кода.

5б. Поиск кода HTML, добавленного к коду объявления

Если код объявления в исходном файле Вашего действующего сайта отличается от соответствующего кода в учетной записи, возможно, дело в том, что провайдер услуг хостинга автоматически добавляет или меняет определенные теги после помещения кода на сайт. В коде объявления могут появиться дополнительные фрагменты кода HTML (например, "<BR>" или " "), как показано в примерах ниже. Кроме того, формат кода может быть изменен, чтобы он уместился на одной строке. В дополнение к этому иногда из него удаляют объявления "Javascript".

Если Вы уверены, что вставили код в окно просмотра HTML редактора WYSIWYG в точности таким же, каким он представлен в учетной записи, необходимо связаться с поставщиком услуг хостинга и спросить, не вносились ли какие-либо изменения в код объявления (например, переформатирование или добавление тегов).

5c. После вставки кода необходимо запастись терпением

Если после размещения на сайте кода объявления там появляется социальная реклама, следует просто дать сканеру возможность посетить Ваш сайт. Обычно это происходит в течение 30 минут после добавления кода объявления, но период ожидания может длиться до 48 часов. После просмотра сайта и выполнения кода Javascript его страницы обрабатывает сканер. По этой причине рекомендуется посетить все страницы с кодом, чтобы обеспечить сканирование каждой из них. Сделайте это, а затем выждите несколько часов. Зачастую таким образом удается избавиться от проблем с социальной рекламой.

Если эта реклама продолжает появляться на сайте по прошествии 48 часов, воспользуйтесь мастером устранения неполадок или справочным центром.

5г. Выбор форматов объявлений, которые соответствуют структуре сайта

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

Однако в данном случае подойдет формат "полный баннер".

К началу