Количество скачиваний или счетчик кликов на кнопку » Techno-Co — Всё для вебмастера, для создание сайтов с нуля. {title}

04.04.2015
Без рубрики

Довольно таки часто мне встречаются вопросы о том, как сделать счетчик кликов на кнопку или же количество скачиваний.Вот решил наконец реализовать данную задачу на благо людям. Не хочется мне писать отдельную инструкцию, упаковывать его в архив, поэтому придется вам поработать самостоятельно, ручками.1. В корне сайта создать папку с названием click_counter задать ей права на запись 777.2. В ней создать PHP файл index.php с содержимым:

3. Теперь перейдем к шаблону и JS обработчику. В качестве триггера, для желаемой кнопки добавляем имя класса click_count.Например было:

скачать

А нужно сделать так:

скачать

4. Осталось подключить js, для этого в принципе в любой подключенный к шаблону JS файл можно вставить такой код:

$(function(){
        function get_counter(a,b){
                $.get(dle_root+'click_counter/index.php',{type:b,href:a.attr('href')},function(d){
                        a.find('.click_counter').html(d);
                });
        }
        var click_trigger = ".click_count";
        $(click_trigger).each(function(){
                $(this).append(" ");
                get_counter($(this),'');
        });
        $('body').on("click",click_trigger,function(){
                get_counter($(this),'set');
        });
})

Готово!Отдельно стоит отметить — где и как будет отображаться само число счетчика. На примере того же html кода, что я приводил выше, мы получим:

скачать0

Вам останется только настроить стиль для самого числа счетчика.Ну и еще, как видно в коде, пока скрипт не обработался в качестве заглушки я использую изображение /click_counter/loading.gif, вы можете либо залить свою картинку загрузки либо вообще убрать картинку из кода, на ваше усмотрение.

Версия DLE: 9.x-10.x

Автор: Sander