Несколько разных рекламных блоков (одновременно) между анонсами материалов в разделе

голоса: 0

Доброе время суток.

Подскажите, пожалуйста, как вставить между новостями в архиве материалов (или в категориях) несколько РАЗНЫХ рекламных блоков? К примеру, после второго, четвертого и седьмого анонса новости на странице. То есть, на странице между анонсами материалов должно быть три различных рекламных места.

Использовали данный мануал  - https://manual.ucoz.net/board/43-1-0-455 (Способ второй).

Пример кода:

Code

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

Пробовали устанавливать несколько таких кодов на страницу с разными id, но корректно не работает.

Подскажите, пожалуйста, работающее решение.

 

 

 

| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

В дополнение...

Как оказалось, цифра 1 в участке кода скрипта $('#allEntries table.eBlock:eq(1) влияет на количесвто блоков, отображаемых на данном рекламном месте. То есть, если указали там 4 (хотели, чтобы после 5 поста отображалось), то теперь после 5 поста отображается 4 рекламных блока...

Вот такая вот беда...

Ответов: 1

Голоса: +1
 
Лучший ответ

<div id="advBox1" style="display:none;">
...моя реклама #1...
</div>

<div id="advBox2" style="display:none;">
...моя реклама #2...
</div>

<div id="advBox3" style="display:none;">
...моя реклама #3...
</div>

<script type="text/javascript">
$('#allEntries table.eBlock:eq(1)').after($('#advBox1').css('display','block'));

$('#allEntries table.eBlock:eq(3)').after($('#advBox2').css('display','block'));

$('#allEntries table.eBlock:eq(6)').after($('#advBox3').css('display','block'));
</script>

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

Так же само - на первом рекламном месте один блок, на втором - 3, а на третьем и вовсе - 4. https://pastenow.ru/631147434b527d7548bd8e7f269f0bd9  Можно ли это как-то поправить?

В дополнение...

Как оказалось, цифра 1 в участке кода скрипта $('#allEntries table.eBlock:eq(1) влияет на количесвто блоков, отображаемых на данном рекламном месте. То есть, если указали там 4 (хотели, чтобы после 5 поста отображалось), то теперь после 5 поста отображается 4 рекламных блока...

Вот такая вот беда...

Андрей777,
Покажите код страницы где установлен скрипт.

Вот код шаблона, под который мы вставляем скрипт рекламы:

   <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;"> <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> <div class="eTitle_vid-materialov" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div> <?if($MESSAGE$)?><div class="eMessage_vid-materialov"><?if($IMG_URL1$)?><a href="$ENTRY_URL$"><img src="$IMG_URL1$" style="float: left; padding-right: 8px;" border="0" alt="$TITLE$" width="140" /></a><?substr($MESSAGE$,0,200)?>...&nbsp;<a href="$ENTRY_URL$">подробнее</a><?else?><?substr($MESSAGE$,0,300)?>...&nbsp;<a href="$ENTRY_URL$">подробнее</a><?endif?></div><?endif?> <div class="eDetails" style="clear:both;"> <?if($CATEGORY_NAME$)?><span class="eTags"><b>Категория</b>: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span> | <?endif?> <b>Дата</b>: <span title="$TIME$">$DATE$</span> |  <b>Просмотров</b>: $READS$ <?if($COMMENTS_URL$)?> |<span class="eTags"><a title="Комментарии" href="$COMMENTS_URL$"><img src="http://kumar.dn.ua/shablon/comments.png" hspace="4" width="11">($COMMENTS_NUM$)</a></span><?endif?> </div></td></tr></table>

 

Андрей777,
Не верно, скрипт ставим на главной странице модуля, поэтому и проблема.

А чтобы отображалось не только на главной странице модула, а еще и в разделах и категориях, в шаблона раздела и категории также нужно установить данный скрипт?

Как быть с модулем "Новости"? Ведь там только Страница архива материалов и все.

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

Спасибо, получилось.

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

Вот код:

 <!doctype html> <html> <head>  <meta charset="utf-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <title>$SITE_NAME$</title>  <meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=2.0; user-scalable=no" />  <?$META_DESCRIPTION$?>  <?$META_KEYWORDS$?> <link type="text/css" rel="StyleSheet" href="/_st/pda.css" />  <link rel="apple-touch-icon" href="apple-touch-icon.png">  <link rel="apple-touch-icon" href="/mobile_icon.png" />  <link rel="apple-touch-icon" sizes="114x114" href="/mobile_icon_retina.png" />  <link rel="stylesheet" href="/pda_template/css/jquery.mmenu.css">  <link rel="stylesheet" href="/pda_template/css/jquery.mmenu.positioning.css">  <style type="text/css">  label {margin-left:10px;}  </style> </head>  <body>  <?if($ADMIN_BAR$)?><?endif?>  <header class="header"><a onclick="javascript:history.back();" class="header__back2 text-replace">Назад</a>  <a href="" class="header__back text-replace">Назад</a>  <h1 class="header__ttl">Новости</h1>  <button type="button" class="header__show-sb text-replace">Боковая панель</button>  </header>   <div class="eBlockmob">  <main class="content margin-bottom">  $BODY$  <div id="advBox1" style="display:none;"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:320px;height:100px" data-ad-client="ca-pub-3379969116950199" data-ad-slot="7058279863"  data-override-format="true" data-page-url="//kumar.dn.ua/"> </ins> <script> (adsbygoogle=window.adsbygoogle || []).push({}); </script> </div>  <script type="text/javascript"> $('#allEntries div.eBlockmob:eq(1)').after($('#advBox1').css('display','block')); </script>  </main>     $GLOBAL_CLEFTER$  </div>  </div>   <script src="/pda_template/js/jquery.mmenu.min.js"></script>  <script src="/pda_template/js/affix.min.js"></script>  <script src="/pda_template/js/pda.js"></script> </body> </html>

 

Андрей777,
Удалите из скрипта это #allEntries

Скрипт теперь выглядит следующим образом, однако рекламный блок по-прежнему отображается в самом низу страницы (под переключателем страниц):

 <script type="text/javascript"> $('div.eBlockmob:eq(1)').after($('#advBox1').css('display','block')); </script>

 

Андрей777,
Адрес сайта?

Скрипт установлен в данном разделе (Новости). Нужно смотреть моб версию.

Андрей777,
<script type="text/javascript"> $('div.material:eq(1)').after($('#advBox1').css('display','block')); </script>
Спасибо, работает.  Подскажите, пожалуйста, после изменения скрипта не обязательно оборачивать в  <div class="eBlockmob"> ? Можно просто использовать  <div> без указания класса?  Попробовали, вроде бы и так, и так работает, а как праильно - не знаем.
Андрей777,
С какой целью заворачиваете в див, если он вам не нужен так и не заворачивайте, это ничего не изменит.
Понятно. Еще раз спасибо за помощь.
...