Мой блог

Мысли. Кейсы. Работающие методики. Мои секреты в интернет-бизнесе.

5 1 1 1 1 1 Рейтинг 5.00 (3 Оценки)

Таймер обратного отсчета

Мегатаймер - очень крутое решение для таймера обратного отсчета на Ваш сайт. Красивый дизайн, возможность настройки, легкое подключение на сайт, в общем все, что нужно. Единственный минус данного решения, это отсутствие защищенного подключения на сайт. Если у Вас сайт на https, то данный таймер Вам не подойдет. Но это можно исправить, что мы сейчас и опишем. Как же поставить таймер megatimer.ru на сайт с защищенным соединением.

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

1

Теперь выбираем дизайн таймера:

2

И переходим к настройкам:

3

Последний шаг, это копирование и вставка кода в то место сайта, где он должен отображаться.

4

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

5

Если к адресу шрифтов можно дописать "s", чтобы получилось "https://",  то к скрипту так не получится, он "лежит" на сайте Мегатаймера. Чтобы решить это, нужно данный файл - http://megatimer.ru/timer/timer.min.js скачать и "залить" к себе на хостинг. Давайте теперь по порядку:

  1. Собираем таймер
  2. Скачиваем файл, который нам выдало в результате сборки, в нашем случае - http://megatimer.ru/s/4b40750a0654adcfd58cd0494ac0f58a.js
  3. Скачиваем файл - http://megatimer.ru/timer/timer.min.js
  4. "Заливаем" оба файла к себе на хостинг
  5. В скачанном файле из 2 пункта, меняем адреса шрифтов на https://
  6. Меняем в файле из 2 пункта адрес файла из 3 пункта.

В итоге, у вас должно получится так, что шрифты подключаются с внешнего источника, а файл скрипта с Вашего сайта.

6

Теперь просто берем и вставляем в нужное место на сайт для отображения таймера этот код:

<script src="https://ВАШ_САЙТ/timer/4b40750a0654adcfd58cd0494ac0f58a.js"></script>

И таймер будет отображаться даже на защищенном соединении.

Вы можете найти уникальные знания по теме интернет-маркетинга в разделе