Устанавливаем скрипт отсчета времени

← Устанавливаем форму обратной связи | Как закруглить углы у картинки? →

Скрипт отсчета времени

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

Скрипт настолько прост, что его установка занимает действительно пару минут. Из настроек следует всего лишь вписать свое сообщение и указать нужное количество дней для работы скрипта.

Давайте разберем его установку на конкретном примере. Например, я хочу разместить на странице сайта сообщение о бонусах для новых подписчиков. Я пишу небольшой текст: "Супер бонусы всем новым подписчикам! Успей подписаться и получить все бонусы до"

Ваши же сообщения могут быть любыми : "На следующей неделе пройдет вебинар. Записаться можно до"; "Акционная предпродажа нового видеокурса! Успей забрать до"; "Скоро цена на видеокурс поднимется! Успей купить по старой цене до" и т.д.

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

Затем выбираете любое количество дней. Например, если укажете 5 дней, то ежедневно дата в вашем сообщении будет автоматически меняться, исходя от текущей даты + 5 дней. То есть посетители, зайдя на сайт, будут видеть сообщение об акции, начавшейся якобы только сегодня. Такие скрипты стоят на многих сайтах, где есть необходимость "подстегивать" посетителей к определенным действиям: регистрации, подписке или покупке.

Теперь приступаем к установке скрипта. Для начала скопируйте нижеразмещенный код и вставьте его в редактор кода. Для этого зайдите в меню Вставка и выберите пункт html-код или скрипт-код.

Супер бонусы всем новым подписчикам! Успей подписаться и получить все бонусы до

Супер бонусы всем новым подписчикам! Успей подписаться и получить все бонусы до <script language=javascript>today=new Date();todayInMillisecs=today.getTime();milsecsInADay=1000*60*60*24;mydate=new Date(7*milsecsInADay+todayInMillisecs);var year=mydate.getYear();if (year < 1000)year+=1900;var day=mydate.getDay();var month=mydate.getMonth();var daym=mydate.getDate();if (daym<10)daym='0'+daym;var dayarray=new Array('воскресенья','понедельника','вторника','среды','четверга','пятницы','субботы'); var montharray=new Array('января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря');document.write(''+dayarray[day]+', '+daym+' '+montharray[month]+' , '+year+'');</script>

Выделенные в коде красным шрифтом текст сообщения и количество дней замените своими. После чего в редакторе кода нажимаете ОК, размещаете код в нужном месте страницы, просто перетащив его туда и растянув по своим размерам. Затем загружаете страницу на хостинг и проверяете корректность отображения.

Чтобы написанное сообщение сделать более заметным, поместите его в рамочку или яркий виджет. Тогда оно точно не останется незамеченным вашими посетителями.

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

Теперь начальная часть кода будет выглядеть так:

Супер бонусы всем новым подписчикам! Успей подписаться и получить все бонусы до

А конечная часть кода, где выводится дата, будет иметь такой вид:

(''+dayarray[day]+', '+daym+' '+montharray[month]+' , '+year+'')

Такое вот простейшее форматирование превратит наше сообщение из мелкого и невзрачного в довольно заметное. Красным цветом выделены теги, которые я добавила в код. Они отвечают за размер и цвет шрифта. Вы вправе указать любой свой цвет, указав его название или вписав его шестнадцатиричный код (например, #FF0000). Размер шрифта указывается от 1 до 7.

Я добавила рамочку и теперь мое сообщение имеет такой вид:

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

Всем удачи и до новых встреч! С ув. Светлана (SvetLana_TSV)

Добро пожаловать в проект "Сайт с нуля" !

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

Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

Всем желаю удачи и смелых воплощений идей на вашем сайте !

Проект для новичков

Пошаговое руководство для новичков по созданию,

раскрутке и монетизации собственного сайта.

WebPageMaker, Wordpress, Joomla - инструкции для

новичков по установке CMS и шаблонов к ним.

2010 - 2016 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla - русские версии.

Автор и администратор данного проекта - SvetLana_TSV. Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.