Счетчик просмотров страницы Blogger

Теперь вы можете не только узнавать о количестве просмотров ваших сообщений блога из админки blogspot, но и отображать статистику в вашем блоге. Итак, как установить счетчик просмотров страниц блога blogspot.
Внимание!!! Приём не работает! Сайт firebase служит теперь для других целей!

1. Идите на сайт www.firebase.com и заведите аккаунт:
   
   
   В форму регистрации вписываете ваш e-mail, пароль (create password), и создайте ваш “firebase”. Дайте любое имя на латинице.
2. Вы можете создать не более 2 firebase в бесплатном аккаунте. Таким образом, вы можете установить счетчик для двух ваших блогов:
   
3. Запомните имя вашего firebase.
4. Шаблон блога –> Изменить html
5. Ищем код </b:skin>
6. Вставляем перед найденным кодом следующие стили: /*

   *-------- 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;
   }

    

7. В шаблоне блога найдите тег </body> и вставьте скрипт. Замените имя firebase, выделенное желтым на свое название firebase.

   <script type='text/javascript'>
       window.setTimeout(function() {
           document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
         }, 10);
     </script>
   <script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
   <script>
   $.each($(&#39;a[name]&#39;), function(i, e) {
   var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);
   var blogStats = new Firebase(&quot;https://mycrib.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
   blogStats.once(&#39;value&#39;, 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(&#39;name&#39;);
   isnew = true;
   }
   elem.removeClass(&#39;mbtloading&#39;).text(data.value);
   data.value++;
   if(window.location.pathname!=&#39;/&#39;)
   {
   if(isnew)
   blogStats.set(data);
   else
   blogStats.child(&#39;value&#39;).set(data.value);
   }
   });
   });
   </script>

    

8. Найдите в шаблоне код <data:post.body/> и вставьте перед ним:
   

   <div id='views-container'><span class='views-icon'/><div class='views-text'>Просмотры:</div> <div class='mbtloading viewscount' id='postviews'/></div>

    

9. Не забудьте подключить библиотеку jquery, если у вас она не подключена (ищем следующий скрипт в вашем блоге, и устанавливаем его до </head>, если скрипт отсутствует):

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

    

Внимание: Счетчик считает просмотры с момента установки.