Донецкий техникум промышленной автоматики

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

Ротатори банерів роблять значний вплив на вебсайт, для нарощування конверсії (переходів або ж продажів, в залежності від мети) маркетингових блоків. Інакше ротатор банерів називають ще баннерокрутілкой. Надалі установки подібної баннерокрутілкі ваші гості бачать різну рекламу в одному маркетинговому просторі.

Залежно від вигляду ротатора, банер можуть змінюватися протягом даного часу (один банер показується кілька секунд, а слідом за тим змінюється на інший) або ж згодом поновлення сторінки або ж переході на іншу сторінку блога ваш читач бачить свіжий банер. Таким чином змінюється ілюстрація для початку, приверне увагу, а по-2-х, у вас більше шансів продемонструвати вашому гостю захоплюючу для нього рекламу.

Як додати ротатор банерів на ваш вебсайт?

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

дивитися код

Заповнюємо приналежність alt - назва банера. Чи не забудьте проставити габарити вашого банера в коді скрипта (width - ширина плаката, а height - висота).

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

відрізок коду

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

Отриманий код треба вставити

  • На WordPress - в віджет Текст,
  • У Blogger (Blogspot) - в девайс HTML / JavaScript,
  • на Ucoz - додати новий блок і вставити в поле HTML.
  • за аналогією додаємо його в Joomla і dle.

Ви не вважаєте за краще працювати з кодами. Ви можете згенерувати код скрипта в online ротаторі банерів з вашими посиланнями і слайдами банерів. Для початку треба привести все зображення банерів до 1 обсягом ширини і висоти. Коли у вас слайди з різними пропорціями ширини і висоти, то можливо змінювати їх габарити, додаючи безбарвний фон. Це можна зробити в програмці Photoshop або ж Gimp.

Перейти на сайт

Як додати ротатор банерів на ваш вебсайт?