Вы здесь: Блог > Мегатаймер - простой таймер обратного отсчета на защищенный сайт https

Мегатаймер - простой таймер обратного отсчета на защищенный сайт https

260
Мегатаймер — простой таймер обратного отсчета на защищенный сайт https
Рейтинг: 5, голосов - 2

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

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

Как же поставить таймер megatimer.ru на сайт с защищенным соединением.

Давайте перейдем к практике и посмотрим, как это делается.

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

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

Дизайн таймера

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

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

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

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

Если к адресу шрифтов можно дописать «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 пункта.

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

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

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

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

comments powered by HyperComments
Top