Иногда возникает необходимость добавить баннер или любую другую информацию абсолютно на всех страницах сайта, включая страницы уроков, тренингов или профиля пользователя.
Что делать если страниц в рамках проекта очень много, может потребоваться очень много времени на добавление и удаление соответственно.
Для этого есть решение, которое займет не более 5 минут.
Важно! Вы должны иметь доступ к настройкам аккаунта, вкладка «настройки».
Шаг 1.
готовим изображение
Баннер-изображение должно иметь горизонтальную ориентацию и иметь размеры например 1920х300.
Стандартных размеров нет, все зависит от ваших предпочтений.
После того, как изображение готово, его нужно загрузить в файловое хранилище геткурс и далее получить его ссылку.
Ссылка для вставки изображения на странице
Шаг 2.
готовим специальный код
Далее необходимо подготовить код, который будет отображать баннер на всех страницах проекта, даже внутри уроков в верхней части страницы.
<script>
$(".gc-main-content").prepend("<div id='panel-info'><a target='_blank'
href='ссылка на ресурс'><img style='width:100%;' class='img-responsive'
src='ссылка изображения баннера'></a></div>");
</script>
Где:
«ссылка на ресурс» — здесь необходимо указать ссылку, куда будет переходить пользователь по клику на баннер.
По умолчанию страница будет открываться в новой вкладке, если вас это не устраивает, вы можете удалить текст выделенный курсивом target=’_blank’.
«ссылка изображения баннера» — здесь необходимо указать ссылку изображения, которую мы получили в первом шаге.
Шаг 3.
добавляем баннер
После того, как вы подготовили код, переходим в настройки аккаунта — > вкладка настройки и в поле «счетчики и прочие скрипты» добавляем подготовленный код, перед этим отступив от предыдущего код несколько строк, если такой имеется и нажимаем сохранить.
Добавляем код отображения баннера на сраницах геткурса
Для скрытия баннера, просто удаляем данный код из поля «счетчики и прочие скрипты» и сохраняем страницу.
🧞♂️
После добавления кода и сохранения страницы, баннер тут же появится абсолютно на всех страницах вашего аккаунта.
Пример растяжки-баннера на страницах геткурса.
авторизуйтесь