
Теперь вы можете не только узнавать о количестве просмотров ваших сообщений блога из админки blogspot, но и отображать статистику в вашем блоге. Итак, как установить счетчик просмотров страниц блога blogspot.
Внимание!!! Приём не работает! Сайт firebase служит теперь для других целей!
- Идите на сайт www.firebase.com и заведите аккаунт:
В форму регистрации вписываете ваш e-mail, пароль (create password), и создайте ваш “firebase”. Дайте любое имя на латинице. - Вы можете создать не более 2 firebase в бесплатном аккаунте. Таким образом, вы можете установить счетчик для двух ваших блогов:
- Запомните имя вашего firebase.
- Шаблон блога –> Изменить html
- Ищем код </b:skin>
- Вставляем перед найденным кодом следующие стили: /*
*-------- Post Views ----------*/ #views-container { width: 85px; float: right; } .mbtloading { background: url('https://4.bp.blogspot.com/-PZMStRDcchY/USOp3xFp4yI/AAAAAAAAJOo/rm5FSsaSKh0/s1600/mbtloading.gif') no-repeat left center; width: 16px; height: 16px; } .viewscount { float: right; color: #EE5D06; font: bold italic 14px arial; } .views-text { float: left; font: bold 12px arial; color: #333; } .views-icon{ background: url('https://4.bp.blogspot.com/-_dXedKDHIws/USOp369zEPI/AAAAAAAAJOs/Cv3fTZUaBTU/s1600/postviews.png') no-repeat left; border: 0px; display: block; width: 16px; height: 16px; float: left; padding: 0px 2px; }
- В шаблоне блога найдите тег </body> и вставьте скрипт. Замените имя firebase, выделенное желтым на свое название firebase.
<script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/> <script> $.each($('a[name]'), function(i, e) { var elem = $(e).parent().find('#postviews').addClass('mbtloading'); var blogStats = new Firebase("https://mycrib.firebaseio.com/pages/id/" + $(e).attr('name')); blogStats.once('value', function(snapshot) { var data = snapshot.val(); var isnew = false; if(data == null) { data= {}; data.value = 0; data.url = window.location.href; data.id = $(e).attr('name'); isnew = true; } elem.removeClass('mbtloading').text(data.value); data.value++; if(window.location.pathname!='/') { if(isnew) blogStats.set(data); else blogStats.child('value').set(data.value); } }); }); </script>
- Найдите в шаблоне код <data:post.body/> и вставьте перед ним:
<div id='views-container'><span class='views-icon'/><div class='views-text'>Просмотры:</div> <div class='mbtloading viewscount' id='postviews'/></div>
- Не забудьте подключить библиотеку jquery, если у вас она не подключена (ищем следующий скрипт в вашем блоге, и устанавливаем его до </head>, если скрипт отсутствует):
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
Внимание: Счетчик считает просмотры с момента установки.
не работает 🙁
Частой причиной того, что код счетчика не работает, является то, что в шаблоне блога несколько кодов <data:post.body/> Вставить код нужно перед вторым кодом <data:post.body/> в шаблоне блога
Есть намного простое решение подсчета просмотров страниц (постов, сообщений) на своем Blogger.
Вот как сделал это я на своем блоге на http://www.fazamaka.com/
Вадим, всё бы ничего, если бы этот виджет не был платным..