Блоги, створені на Blogger, на відміну від тих, які були створені в соціальних мережах, наприклад, Вконтакте, Facebook, Twitter тощо, дозволяють нам вставляти різного роду рекламу. Існує дуже багато типів рекламних партнерок, наприклад Банери, Контекст, Тизери, CPA (оплата за дії), Adult, загалом, реклами просто валом, бери і вибирай, що більше подобається.
Кожна реклама має свій HTML код, будь то просте посилання або динамічний, анімаційний банер. Найпростіший спосіб його розміщення в блогері це додавання нового гаджета.
Як вставити рекламу в блог на blogger.com у бічній панелі
| 1 | Перейдіть в разділ Макет | |
| 2 | Додайте новий гаджет | |
| 3 | В списку гаджетів виберіть HTML/Javascript | |
| 4 | В новому вікні вставте HTML код реклами | |
| 5 | Збережіть гаджет |
Залежно від партнерки може знадобитися кілька хвилин для активації рекламного оголошення, після чого воно почне відображатися у вашому блозі.
Відео інструкція
Як додати рекламу в публікації
Переглянувши відео нижче ви дізнаєтеся, як додавати рекламні оголошення на початок, кінець і всередині публікації.
<b:if cond='data:blog.pageType != "index"'>
<div id='post-content-wrapper' style='display:none;'>
<data:post.body/>
</div>
<div id='post-final-content'/>
<script type='text/javascript'>//<![CDATA[
(function() {
var original = document.getElementById('post-content-wrapper');
var output = document.getElementById('post-final-content');
if (!original || !output) return;
var html = original.innerHTML;
var paragraphs = html.split(/<\/p>/i);
var result = '';
for (var i = 0; i < paragraphs.length; i++) {
if (paragraphs[i].trim() === '') continue;
result += paragraphs[i] + '</p>';
// Вставляємо рекламу після 2 абзацу (i === 2)
if (i === 2) {
result += '<div class="googlebet">🔸 Вставте рекламний код 🔸</div>';
}
}
output.innerHTML = result;
original.style.display = 'none'; // Ховаємо оригінал
output.style.display = 'block'; // Показуємо оброблене
})();
//]]> </script>
</b:if>