Розміщуємо рекламу правильно на Blogger (Blogspot)
Ні для кого не секрет, що на такому цікавому занятті як ведення блогу, також можна заробляти гроші , Розміщуючи на його сторінках різні рекламні оголошення. Однак, при цьому не рідко виникає питання про те, як і де в блозі краще розмістити рекламний банер, блок тізерів або контекстних посилань, щоб вони були на виду, але і не заважали відвідувачеві. У блог на Blogger, досить легко додати код будь-якої рекламної площадки. Для цього можна використовувати стандартний "HTML / JavaScript" гаджет , А також розмістити рекламу безпосередньо у складі повідомлення.
Додаючи код за допомогою віджета, ми отримуємо зручність керування положенням, легкість розміщення і редагування коду.
Перетягуючи курсором блок гаджета в адмін-панелі, його можна помістити в бічні колонки, горизонтальні області, над шапкою , В колонках підвалу, а також вище або нижче поста:
У випадки розміщення гаджета з рекламним кодом над або під повідомленням, так як гаджет не є частиною поста, то блок буде розташовуватися або вище заголовка повідомлення, або нижче панелі інструментів, відповідно (Рис. 1).
Але не дивлячись на всю красу використання гаджета, найпомітніше місце в блозі для додавання реклами - це повідомлення (пост), адже інформація яка цікавить відвідувача знаходиться саме там.Найпростіший спосіб розмістити рекламу в тексті поста - просто додати скрипт або HTML-код рекламного блоку між рядків повідомлення в бажаному місці (Рис. 2).
Але для того, щоб блок реклами виглядав як частина повідомлення, виглядав більш природно, необхідно щоб текст оточував його по краях. По-цьому слід укласти рекламний код в додатковий контейнер, якому потрібно задати обтікання за допомогою властивостей CSS . При цьому, стилі можна додавати локально - безпосередньо в повідомленні:
<Div style = "
float: left;
margin: 10px;
height: 200px;
width: 200px; ">
<! - Код / Скрипт рекламного оголошення ->
</ Div>
.reklama {
float: left;
margin: 10px;
height: 200px;
width: 200px;
}
<div class = "reklama">
<! - Код / Скрипт рекламного оголошення ->
</ Div>
Властивість float - задає обтікання;
значення:
left - блок розташовується зліва, текст обтікає по правому краю;
right - блок праворуч, обтічний текстом по лівому краю.
height - висота контейнера (відповідає розмірам блоку);
width - ширина (відповідає розмірам блоку);
margin - зовнішні відступи навколо блоку.
Як бачимо текст обтікає оголошення і воно знаходиться в тому місці на сторінці де розміщений його скрипт.
При такому способі, батьківського блоку краще задати значення ширини і висоти трохи більше ніж значення блоку оголошення, щоб не зливався з навколишнім текстом.
Також додавати коди (скрипти) рекламних блоків краще в режимі HTML редагування і публікувати або оновлювати пост не виходячи з нього, тобто не переходячи в режим "Створити". Якщо потрібно переглянути результат з доданим рекламним оголошенням краще скористайтеся кнопкою "Перегляд".
Ось і все, як виявилося, не так вже й складно. Вдалих вам рекламних компаній і прибуткових партнерок.
Буду радий вашим коментарям :)