Ротатор баннеров (баннерокрутилка) на ваш сайт — Linkoz.ru

Ротатор баннеров (баннерокрутилка) на ваш сайт

Ротатор баннеров (баннерокрутилка) на ваш сайт

Содержание

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

Таким образом меняющаяся иллюстрация для начала, привлечет внимание, а во-2-х, у вас более шансов продемонстрировать вашему гостю увлекательную 
для него рекламу.

Как добавить ротатор баннеров на ваш вебсайт?


Я пытаюсь поделиться с вами универсальным скриптом ротатора баннеров, который подойдет для всякого веб сайта или же блога.

<script type=«text/javascript»>
var mycrib = [];
mycrib[0] = '<a href="ваша партнерская ссылка" target="_blank" rel=«nofollow»><img src="ссылка на изображение баннера" alt="название баннера" width=«300» height=«250»></a>'

mycrib[1] = '<a href="ваша партнерская ссылка" target="_blank" rel=«nofollow»><img src="ссылка на изображение баннера" alt="название баннера" width=«300» height=«250»></a>'

mycrib[2] = '<a href="ваша партнерская ссылка" target="_blank" rel=«nofollow»><img src="ссылка на изображение баннера" alt="название баннера" width=«300» height=«250»></a>'

var x = 0;

function rotate(mycrib) {
while (x < mycrib.length) {
var sort = Math.floor(Math.random() * mycrib.length);
if (mycrib[sort] != 0) {
document.getElementById('adspace').innerHTML = (mycrib[sort]);
mycrib[sort] = 0;
x++;
}
}
}
</script>

<script>
#adspace {

}

#adspace img {

}
</script>

<div id=«adspace»>
<script type=«text/javascript»>
rotate(mycrib);
</script>
</div>

 
Скопируйте повыше предложенный код, поменяйте выделенное желтоватым цветом – на вашу партнёрскую ссылку, зеленоватым – гиперссылка на изображение, 
а фиолетовым – заполняем принадлежность alt – заглавие баннера. Не позабудьте проставить габариты вашего баннера в коде скрипта (width – ширина плаката, 
а height – высота).

В случае если вы желаете прокручивать более, чем 3 баннера, то добавьте ещё некоторое количество отрезков кода. Не позабудьте только поменять цифру в 
квадратных скобках на надлежащую по счету. Так, при добавлении 4-ого слайда у вас получиться mycrib [3] дальше отрезок кода, 5-ого -mycrib [4] дальше отрезок кода и т.д.

mycrib[1] = '<a href=«ваша партнерская ссылка» target="_blank" rel=«nofollow»><img src=«ссылка на изображение баннера» alt=«название баннера» width=«300» height=«250»></a>'

 
Данные отрезки кода, отвечают за добавление дополнительных слайдов баннера в баннерокрутку, надо добавлять перед кодом var x = 0; в скрипт.

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

Полученный код надо вставить


В случае если у вас Wordpress – в виджет Текст,
В Blogger (Blogspot) – в девайс HTML/JavaScript,
на Ucoz – добавить новый блок и вставить в поле HTML.
по аналогии добавляем его в Joomla и dle.
 
В случае если вы не предпочитаете трудиться с кодами, то вы можете сгенерировать код скрипта в online ротаторе баннеров с вашими ссылками и слайдами баннеров. Для начала надо привести все изображение баннеров к 1 объему ширины и высоты. В случае если у вас слайды с разными пропорциями ширины и высоты, то возможно менять их габариты, добавляя бесцветный фон. Это возможно устроить в программке Photoshop или же Gimp.
 
352
RSS
Вера
11:44
+2
Отличная статья, все доходчиво и понятно. Все супер!!! У меня получилось
23:09
Спасибо! Всегда рады помочь laugh
Загрузка...
Этот сайт использует файлы cookies. Продолжая использовать этот веб-сайт, вы даете согласие на использование файлов cookies.
Счетчики посещений

Яндекс.Метрика Рейтинг@Mail.ru