Делаем рекламный фон у вашего сайта

Делаем рекламный фон у вашего сайта

Рекламный фон у сайта, один из видов дополнительного дохода. Вы можете реализовать подобное при помощи небольшого .js кода.


Вы наверное часто встречали подобный рекламный фон у многих сайтов, его ещё называют "брендированный фон сайта" и "рекламная подложка сайта". В этой небольшой статье я расскажу как вам реализовать подобное на своём сайте.

1) создайте файл bg.js в отдельной папке, например в reklama, вот с таким кодом:

function branding(selector,href,image,background){var d=document;background||(background="#000 url("+image+") 50% 0 no-repeat");d.addEventListener("DOMContentLoaded",function(){function isDescendant(parent,child){var node=child.parentNode;while(node!=null){if(node==parent){return true}node=node.parentNode}return false}var el=d.querySelector(selector);var link=d.createElement("a");link.href=href;link.target="_blank";link.rel="nofollow";link.style.background=background;link.style.position="fixed";link.style.zIndex=0;link.style.left=0;link.style.right=0;link.style.bottom=0;link.style.top=0;el.innerHTML=link.outerHTML+el.innerHTML},false)}

2) Устанавливаем этот код на сайт перед тэгом </head>:

<script src="http://вашсайт.ру/reklama/bg.js" type="text/javascript"></script>
<script type="text/javascript"> branding("body", "ссылка на сайт рекламодателя", "ссылка на рекламный фон");</script>

3) Устанавливаем правила в вашем css для фонового изображения, например как описано тут.

Ищем соответствующего рекламодателя, можно и через поисковик)))
Удачи!


sbird    Уроки    838

Комментарии отсутствуют

Добавление комментариев доступно только зарегистрированным пользователям