Скрипт на js для дублирования div блоков в html. Верстка рекламы через document.getElementById innerhtml в javascript
Поиск по блогу:

Скрипт на JS для дублирования DIV блоков 👇

И так поговорим о JS с помощью которого будем выводить дубли и дублирование любого блока на сайте и увеличивать CTR — привлечет все больше рекламодателей. В посте добавил еще один вариант, клонирования DIV содержимого блока.

Блок, слой — <div></div>

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

Но в моем случает такой JS удобно использовать монетизируя сайт Adsense, первое объявление в самом первом блоке, дают самые дорогие клики, если делать дублирование верхнего блока рекламы, получится читатели, которые не ушли сразу на верхнем блоке в самом начале статьи, дочитав ее, уйдут по нижнему блоку сдублированному. Но, клики будут дороже, чем разместите два разных рекламных блока-формата.

И так сам скрипт —— 1 вариант:
<script type="text/javascript"><!--
document.getElementById('block1').appendChild(document.getElementById('code'));
document.getElementById('block2').innerHTML = document.getElementById('code').innerHTML;
//--></script>

<div id="code">СЮДА К ПРИМЕРУ AD .lt;/div>

<div id="block1">первый блок содержимое которого берется с code</div>
<div id="block2">второй блок содержимое которого берется с code</div>

На одном своем сайте дублирую в ряд два блока 336x228 вот как это выглядит, результат
adsense пример Скрипт на JS для дублирования DIV блоков
но из-за обилия разных других JS в странице этот скрипт дублирования может у вас не заработать, приходится ухищряться и подключать его в header с помощью фреймворка.

Допустим примеров с поста не достаточно, то советуют смотреть в сторону API DOM.

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

jQuery(".price").clone().appendTo(".price-clone");<span class="html-tag"></script>

Для работы скрипта нужна библиотека jQuery: её обычно ставят перед тегом body внутри head

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Код: .price отвечает за <div class="price">666 рублей</div>, а <div class="price-clone"></div> —— то место куда продублируем содержание price блока.

Все статьи и новости → Подписаться на Telegram

Понравилась статья? Зашарить инфу в социальных сетях ↓
Adsense, HTML, JS, скрипт
Именно твой/ваш комментарий для автора украсит сегодняшний вечер.

Комментарии к посту: Скрипт на JS для дублирования DIV блоков