Реклама между материалами на uCoz

Реклама между материалами на uCoz

22014-01-30108436Денис Абдуллин

Между материалами реклама – это эффективно, а если замаскировать ее под сам материал, то еще лучше. На uCoz это вполне возможно. Здесь будет рассмотрено 3 способа. Вообще, можно было бы выделить 2 способа, но скажу лучше так – здесь несколько вариантов как разместить рекламу на uCoz между материалами, новостями.

Все способы, кроме первого НЕ работают при включенной функции: «Использовать аякс для переключателей страниц».

Здесь будут рассмотрены следующие способы:

  • 1. При помощи условных системных операторов uCoz.
  • 2. При помощи JavaScript.
  • 3. Комбинированный.

Способ первый

Рекламу между материалами сайта можно вставлять, используя условные операторы системы uCoz. Нам понадобится условный оператор $ID$. Используя условие, что номер материала кратен 6, можно выводить рекламу после каждого шестого материала. Вместо 6 Вы можете взять любое другое число.

Вот такой код Вам нужно будет вставить в «Вид материалов» нужного модуля:

Код
<?if($ID$%6='0')?>  
<div class="advertisement">  
...моя реклама...  
</div>  
<?endif?>

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

Код
<?if($ID$%6='0')?>  
<div class="advertisement">  
<script type="text/javascript" src="http://ваш_сайт/informer/2-1"></script>  
</div>  
<?endif?>

Способ второй

Это самый простой способ, используется JavaScript. Вставить код нужно на главную страницу или страницу категории после условного оператора $BODY$.

Код
<div id="advertisement" style="display:none;">  
...моя реклама #1...  
</div>  
<script type="text/javascript">  
$('#allEntries .eBlock:eq(1)').after($('#advertisement').css('display','block'));  
</script>

Не спешите с выводами. Скорее всего, в этом коде нужно будет изменить несколько деталей. Во-первых содержимое между <div id="advertisement" style="display:none;"> и </div> заполните кодом для вызова рекламы. Во-вторых, значение .eBlock нужно заменить на своё.

Важно: eBlock – это стандартное значение в модуле «Каталог файлов». Если Вы используете нестандартный шаблон для вида материалов или просто хотите установить рекламу между материалами в другой модуль, то просто замените значение eBlock на нужный класс.

Если Вы не поняли, то просто оберните уже имеющийся вид материалов в нужный код. В самый верх вида материалов вставьте <div class="eBlock">, а в самый низ </div>.

Способ второй (2-1)

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

Код
<div id="advertisement" style="display:none;">  
<div class="advCont">...моя реклама #1...</div>  
<div class="advCont">...моя реклама #2...</div>  
<div class="advCont">...моя реклама #3...</div>  
<div class="advCont">...моя реклама #4...</div>  
<div class="advCont">...моя реклама #5...</div>  
</div>  
<script type="text/javascript">  
$('#allEntries table.eBlock:eq(1)').after($('#advertisement div.advCont:eq('+Math.floor(Math.random()*5)+')').css('display','block'));  
</script>

$('#advBox div.advCont:eq('+Math.floor(Math.random()*5)+')') - случайный выбор из общего количества рекламных блоков.

$('#allEntries table.eBlock:eq(1)') - после какого материала по счету сверху показывать рекламу.

В остальном это тот же предыдущий вариант, устанавливается так же после $BODY$.

Способ второй (2-2)

Здесь опять же используется JavaScript, но в этом варианте используется еще и информер случайных данных.

Код
<script type="text/javascript">  
$.get('http://ваш_сайт/informer/2-1',function(d){  
  $('#allEntries .eBlock:eq(1)').after($('<div id=" advertisement "/>').html(d.substring(16,d.length-3)));  
});  
</script>

$.get('http://ваш_сайт/informer/2-1',function(d){}); - ссылка на Ваш информер.

Важно. Информеры можно использовать только со своего сайта.

Способ второй (2-3)

Возможно, для кого-нибудь этот способ будет лучшим. В этом случае берется случайная реклама с отдельной страницы на этом сайте.

Для этого создайте отдельную страницу (Панель управления - Редактор страниц) и в контент, через стандартную форму добавления, поместите блоки с заданным классом (или id).

Данную страницу (с блоками) желательно закрыть от индексации, делается это добавлением в страницы между тегами <head> и </head> метатега robots или через файл robots.txt.

Код
<title>$SITE_NAME$ - $MODULE_NAME$</title>  
<?if($URI_ID$='page4')?>  
<meta name="robots" content="noindex,nofollow" />  
<?endif?>

4')?> - ID вашей страницы - можно узнать по адресу: http://ваш_сайт/index/0-4 - последняя цифра после тире и есть ID страницы.

Структура у блоков следующая:

Код
<div class="advertisement">...моя реклама #1...</div>  
<div class="advertisement">...моя реклама #2...</div>  
<div class="advertisement">...моя реклама #3...</div>  
<div class="advertisement">...моя реклама #4...</div>  
<div class="advertisement">...моя реклама #5...</div>

Скрипт вставляется также после $BODY$ на странице категории или главной:

Код
<script type="text/javascript">  
$.get('http://ваш_сайт/index/0-4',function(d){  
  var o=$('div.advertisement',d),i=Math.floor(Math.random()*o.length);  
  $('#allEntries .eBlock:eq(1)').after($('<div id="advertisement"/>').html(o.eq(i)));  
});  
</script>

$.get('http://ваш_сайт/index/0-4',function(d){..}); - ссылка на вашу страницу, обычно имеет вид: http://ваш_сайт.ру/index/0-4 Где 4 - ID страницы.

$('#allEntries .eBlock:eq(1)') - после какого блока, от нуля, добавляется блок.

i=Math.floor(Math.random()*o.length); - определяем случайное число, от общего количества блоков.

o.eq(i) - делаем выборку блока по его индексу от случайного числа.

Способ третий

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

Код
<?rnd(N)?>

Возвращает случайное число от 0 до N, включительно. ЗаменитеN на нужно число.

Использовать можно так:

Код
<script type="text/javascript">  
$.get('http://ваш_сайт/index/0-4',function(d){  
  var o=$('div. advertisement ',d),i=Math.floor(Math.random()*o.length);  
  $('#allEntries .eBlock:eq(<?rnd(11)?>)').after($('<div id=" advertisement "/>').html(o.eq(i)));  
});  
</script>

$('#allEntries table.eBlock:eq(11)?>)') - количество материалов на странице + единица.

Случайный блок с рекламой появится после случайного блока новостей.

Источник: http://mаnuаl.ucоz.net/bоаrd/43-1-0-455


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (6)
Митин Егор 2014-06-17 в 18:27 / МатериалСпам
Хех, познавательно. А я все голову ломал как это сделать... Спасибо!
0
Андрей 2014-03-12 в 11:44 / МатериалСпам
более чем, норм
1
Алексей 2014-03-03 в 19:54 / МатериалСпам
все ок
1
Рамиль Лирик 2014-02-02 в 11:03 / МатериалСпам
полезно
1
Денис Гараев 2014-01-31 в 17:53 / МатериалСпам
Не норм а отлично:)
1
Иван Цыганков 2014-01-31 в 14:21 / МатериалСпам
Норм)
4
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.