2014-01-03

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

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

  1. Идите на сайт www.firebase.com и заведите аккаунт:
    аккаунт

    В форму регистрации вписываете ваш e-mail, пароль (create password), и создайте ваш “firebase”. Дайте любое имя на латинице.
  2. Вы можете создать не более 2 firebase в бесплатном аккаунте. Таким образом, вы можете установить счетчик для двух ваших блогов:
    2014-01-04_01-27-03
  3. Запомните имя вашего firebase.
  4. Шаблон блога –> Изменить html
  5. Ищем код </b:skin>
  6. Вставляем перед найденным кодом следующие стили: /*
    *-------- Post Views  ----------*/
    #views-container {
    width: 85px;
    float: right;
    }
    .mbtloading {
    background: url('http://4.bp.blogspot.com/-PZMStRDcchY/USOp3xFp4yI/AAAAAAAAJOo/rm5FSsaSKh0/s320/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('http://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>
P.S. Счетчик считает просмотры с момента установки.
Перевод

3 комментария :

Кирилл комментирует...

не работает :(

Mycrib комментирует...

Частой причиной того, что код счетчика не работает, является то, что в шаблоне блога несколько кодов <data:post.body/> Вставить код нужно перед вторым кодом <data:post.body/> в шаблоне блога

Вадим Шостакевич комментирует...

Есть намного простое решение подсчета просмотров страниц (постов, сообщений) на своем Blogger.
Вот как сделал это я на своем блоге на http://www.fazamaka.com/

Отправить комментарий

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