Счетчик скачиваний файлов

SchetchikВсем привет, дамы и господа! Наша тема на сегодня - Счетчик скачиваний файлов. Я покажу вам, как создать счетчик скачиваний файлов с помощью онлайн инструмента Firebase. Firebase это - база данных, инструмент будет рассчитывать и отображать статистику загрузки, когда посетитель загружает ваш файл с вашего блога.

Все данные будут хранится на вашем бесплатном аккуанте Firebase.

Бесплатно можно хранить 5 ГБ данных, что в нашем случае это больше чем требуется.

Как создать счетчик загрузок файлов с базой данных Firebase

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

Firebases
Создать аккаунт на Firebase

Заполните простую форму, как только ваша учетная запись будет активирована, Вы должны создать свою первую базу данных Firebase. В вашем аккаунте Вы увидите такое окошко:

stats
Создаем базу данных

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

Установка счетчика загрузок файлов в Blogger

Зайдите в панель инструментов Blogger - Шаблон - Изменить HTML. Находим тег </b:skin> и нажмите черную стрелку, чтобы развернуть код:

skin
Нажмите черную стрелку

Чуть выше тега </b:skin> вставьте код:

Здесь, вы можете изменить цвет # 289728 и размер числа счетчика. Следующий шаг. Найдите тег </body> (обычно в конце шаблона) и над ним вставляем код:

Теперь, замените моё название базы данных blogstats на своё название, которое Вы создали. Сохраните шаблон.

После, всякий раз, когда вы хотите отобразить статистику загрузки для конкретного файла, используйте этот код:

<div style="width:120px;">
<a data-download-count="true" href="###">Скачать!</a>
<div class="blog-stats" id="download-count">
</div>
</div>

Вместо решеток вставляйте ссылку на файл. Текст "Скачать" можете менять на любой. Если текст слишком длинный, то поменяйте 120px на своё значение.

Удачи. До новых встреч. Пока.

Виджет от - mybloggertricks

С уважением, Сергей

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *