Как установить баннер на свой сайт ucoz

База знаний uCoz

Ротатор баннеров — это инструмент случайного показа ссылок и баннеров на страницах сайта. Ротатор полезен тем, что позволяет транслировать баннеры по очереди и при этом не занимает много пространства на странице. Также по баннерам ведется статистика показов и кликов, опираясь на которую можно гибко управлять их отображением.

Данная инструкция состоит из трех шагов:

Чтобы перейти к настройкам ротаторов баннеров, в панели управления зайдите в раздел «Инструменты» и в меню слева выберите «Ротатор баннеров»:

Создание категории ротаторов

Чтобы создать категорию, в меню слева выберите «Категории» и нажмите на кнопку «Добавить»:

В открывшемся окне укажите имя категории (оно будет видно только администратору) и нажмите на кнопку «Применить»:

Убедитесь, что новая категория появилась в списке:

В дальнейшем мы сможем выводить все баннеры из категории на страницах сайта.

Добавление баннера в ротатор

Чтобы добавить баннер, из меню слева выберите пункт «Управление» и нажмите на кнопку «Добавить»:

В открывшемся окне потребуется указать следующие настройки:

Нажмите на кнопку «Добавить», и баннер появится в списке:

Добавьте необходимое количество баннеров и переходите к их размещению на сайте.

Размещение ротатора на сайте

Вы можете разместить несколько баннеров (будут транслироваться по одному случайным образом). Для этого перейдите в список категорий баннеров и нажмите на иконку которая отображена на изображении ниже:

Скопируйте код категории:

Если нужно разместить один конкретный баннер, нажмите на иконку возле названия:

Далее скопируйте код баннера:

Как видите, коды категории баннеров и отдельного баннера похожи, но показывают разный результат.

Теперь, когда у вас есть код, перейдите на сайт и выполните вход в учетную запись администратора. В панели инструментов включите конструктор:

Добавьте новый блок:

Когда блок появится на экране, перетащите его в боковую колонку, зажав левую клавишу мыши:

Нажмите на изображение синей шестеренки:

Перейдите на вкладку HTML и вставьте скопированный ранее код. Нажмите на кнопку «Сохранить»:

Сохраните внесенные через конструктор изменения:

Лимиты: Доступно создание не более 10 категорий и максимум 60 баннеров (независимо от категории).

Источник

База знаний uCoz

Ротатор баннеров — это инструмент случайного показа ссылок и баннеров на страницах сайта. Ротатор полезен тем, что позволяет транслировать баннеры по очереди и при этом не занимает много пространства на странице. Также по баннерам ведется статистика показов и кликов, опираясь на которую можно гибко управлять их отображением.

Данная инструкция состоит из трех шагов:

Чтобы перейти к настройкам ротаторов баннеров, в панели управления зайдите в раздел «Инструменты» и в меню слева выберите «Ротатор баннеров»:

Создание категории ротаторов

Чтобы создать категорию, в меню слева выберите «Категории» и нажмите на кнопку «Добавить»:

В открывшемся окне укажите имя категории (оно будет видно только администратору) и нажмите на кнопку «Применить»:

Убедитесь, что новая категория появилась в списке:

В дальнейшем мы сможем выводить все баннеры из категории на страницах сайта.

Добавление баннера в ротатор

Чтобы добавить баннер, из меню слева выберите пункт «Управление» и нажмите на кнопку «Добавить»:

В открывшемся окне потребуется указать следующие настройки:

Нажмите на кнопку «Добавить», и баннер появится в списке:

Добавьте необходимое количество баннеров и переходите к их размещению на сайте.

Размещение ротатора на сайте

Вы можете разместить несколько баннеров (будут транслироваться по одному случайным образом). Для этого перейдите в список категорий баннеров и нажмите на иконку которая отображена на изображении ниже:

Скопируйте код категории:

Если нужно разместить один конкретный баннер, нажмите на иконку возле названия:

Далее скопируйте код баннера:

Как видите, коды категории баннеров и отдельного баннера похожи, но показывают разный результат.

Теперь, когда у вас есть код, перейдите на сайт и выполните вход в учетную запись администратора. В панели инструментов включите конструктор:

Добавьте новый блок:

Когда блок появится на экране, перетащите его в боковую колонку, зажав левую клавишу мыши:

Нажмите на изображение синей шестеренки:

Перейдите на вкладку HTML и вставьте скопированный ранее код. Нажмите на кнопку «Сохранить»:

Сохраните внесенные через конструктор изменения:

Лимиты: Доступно создание не более 10 категорий и максимум 60 баннеров (независимо от категории).

Источник

Как установить баннер на свой сайт ucoz

Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать? Вот в этой инструкции.

Рекомендую почитать:
Как поменять адрес сайта на ucoz Всего за 200р.

Виды баннеров

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

3 инструмента для размещения баннера

Баннера для сайта ucoz можно добавлять по разному, а если быть точным я знаю три разных варианта как это можно реализовать. Каждый вариант зависит от того какие цели вы преследуете. К примеру, если вы хотите разместить рекламу у себя на сайте со стороннего сервиса, тогда это делается через обычный скрипт, который сервис рекламной компании предоставит вам.

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

Сторонний код

Шапка сайта

Для этого на странице которую мы открыли, найдите кнопку верхняя часть сайта и нажмите на неё.

Должна открыться вот такая страница с вот таким окном.

На каждом сайте шаблоны разные и в какую строчку вписать данный код будет зависит от количество кода который присутствует в данном окне, так что здесь вам нужно будет работать методом тыка, попал не попал. Но примерный ориентир, это под логотипом сайта, там где написано мой сайт. Давайте разберём сам код который мы вписали в шапку сайта.

И так? это обычный тег div который пишется вот так

Пример

Давайте разберём наш атрибут который присутствует в коде, он называется style. Style говорит нашему тегу

В коде у нас присутствует и второе значение margin. Данное значение говорит браузеру что нужно сделать отступ от блока. Отступы задаются при помощи цифр в пикселей, всего четыре параметра которые задаются по часовой стрелке. Отступить от блока на 41px сверху, 54px делают отступ от блока с право, ноль задаёт блоку отступ снизу, последний ноль задаёт отступ слева. Обычно нули пишутся без букв px.

Здесь вы сами можете подобрать на сколько пикселей отступить сверху или с право от блока, для этого просто впишите за место 41px к примеру 64px, или за место 54px впишите 154px. Таким образом при помощи значения margin мы можем двигать нашу рекламу в любое место на сайте, а точнее в верх в право влево и вниз.

И так, если блок div был вписан в наше окно, осталось в него разметить код баннера, и нажать кнопку сохранить.

Кстати

О стилях мы поговорим как нибудь в другой раз, сейчас просто запомните что стиле помогают оформлять наш сайт, к примеру задать задний фон на сайте, разукрасить текст, поставить в любое место на сайте тот или иной элемент в нашем случае это передвинуть рекламу в право.

Заключение

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

Источник