Правильный код счётчика Яндекс.Метрики

Правильный код счётчика Яндекс.Метрики

Яндекс.Метрика - как сам счётчик, так и информер (баннер) - стали заслуженно популярными. Вообще, "SEO-троица" - Яндекс.Метрика, счётчик Liveinternet и Google Analytics - очень многими (равно как и мною) рекомендуется для обязательной установки на каждый (качественный) сайт для получения максимально полной картины (статистики) посещаемости и поведения пользователей на сайте.

Разберём ниже код Яндекс.Метрики, а также попробуем его улучшить - как визуально, так и с точки зрения SEO.

 

Правильный код информера Яндекс.Метрики

Правильный (с точки зрения выгодности SEO) код информера Яндекс.Метрики я уже давал, повторюсь и объяснюсь.

<!-- Yandex.Metrika informer -->
<a onmousemove="this.href='ht' + 'tp://' + 'metrika.' + 'yandex.ru/stat/?id=959946&from=informer';"
       onfocus="this.href='ht' + 'tp://' + 'metrika.' + 'yandex.ru/stat/?id=959946&from=informer';"
    href="" target="_blank" title="Яндекс.Метрика - информация за сегодня: Просмотры, Сессии и уникальные Посетители.">
        <img src="http://mc.yandex.ru/informer/959946/3_0_FFFFFFFF_F5F5F1FF_0_pageviews"
        width="88" height="31" alt="Яндекс.Метрика" border="0" />
</a>
<!-- /Yandex.Metrika informer -->

ID счётчика Я.М - число 959946 - нужно заменить на своё. Его можно увидеть в строке броузера при редактировании счётчика:

ID Яндекс.Метрики

Данный код не даёт внешних ссылок - потому в этом его можно считать "правильным" в сеошном плане.

Кроме того, внешний вид и "понятность" информера Яндекс.Метрики в текущем виде "оставляет желать", потому, пусть топорными методами, но я добавил к нему чутка "юзабилити" - выхолощенное title = "Яндекс.Метрика" дополнил текстом (выделено жирным красным), который, кстати, является ответами на вопросы, по которым приходят посетители на данный сайт: "Что обозначают цифры на счётчике Яндекс.Метрики?". Плюс примитивно-топорно (совмещением картинок) подрисовал краткое описание на сам счётчик, потому теперь и видно и понятно - при наведении отобразится текст:

Яндекс.Метрика - текст-описание

Вряд ли стану рекомендовать данный вид клонировать у себя на сайте (таки он шибко браузеро-вёрстко-зависимый) - будем надеяться, что яндексометриковцы вскоре добавят подобный (а лучше - лучше) вид в настройки Яндекс.Метрики.

Код счётчика Яндекс.Метрики

Код самого счётчика рекомендуется размещать сразу после открывающегося тега <body>, это будет типа следующего (на пример шаблона темы для Drupal):

  ...

</head>
  <body class="<?php print $classes; ?>" <?php print $attributes; ?>

<!-- Yandex.Metrika counter -->
    <div style="display:none;"><script type="text/javascript">
    (function(w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter959946 = new Ya.Metrika({id:959946, enableAll: true, webvisor:true});
            }
            catch(e) { }
        });
    })(window, "yandex_metrika_callbacks");
    </script></div>
    <script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script>
    <noscript><div><img src="//mc.yandex.ru/watch/959946" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

  ...

ID счётчика Я.М - число 959946 - также нужно заменить на своё.

Если вам помогла или просто понравилась статья - плюсаните/поделитесь, пожалуйста.

Комментарии

В опере криво отображается. Я так понимаю это и есть "браузеро-вёрстко-зависимость"? :)

Верно, в Opera - криво, "равнял" по FireFox-у, как наиболее популярному среди посетителей сайта. Более-менее нормально в Chrome,  в IE - как в Опере. Отрицательные смещения все обрабатывают "чуть по-разному". Потому и не рекомендовал.

Люди с выключенным JavaScript не смогут перейти по ссылке с информера.

Верно, данный факт я упомянул тут, однако, всё же, это не самый "многовероятный случай", особенно учитывая, что человек с выключенными скриптами и так хорошо понимает, что полностью корректный интернет ему точно не грозит. :)

По просьбам общественности, в том числе в моём скромном лице - в ближайшую инкарнацию Яндекс.Метрики пообещали добавить нормальный title плюс закрыть ссылку в rel=nofollow.

В результате новый вариант счётчика на Яндекс.Метрика теперь предлагается в следующем виде:

<!-- Yandex.Metrika informer -->
<a href="http://metrika.yandex.ru/stat/?id=959946&amp;from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/959946/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" /></a>
<!-- /Yandex.Metrika informer -->

<!-- Yandex.Metrika counter -->
<div style="display:none;" _cke_saved_style="display:none;"><script type="text/javascript">
(function(w, c) {
    (w[c] = w[c] || []).push(function() {
        try {
            w.yaCounter959946 = new Ya.Metrika(959946);
             yaCounter959946.clickmap(true);
             yaCounter959946.trackLinks(true);
        
        } catch(e) { }
    });
})(window, 'yandex_metrika_callbacks');
</script></div>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script>
<noscript><div><img src="//mc.yandex.ru/watch/959946" style="position:absolute; left:-9999px;" _cke_saved_style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

Жирным выделен "прогресс", с другой стороны, подобный "официальный" вариант счётчика даёт внешнюю ссылку, хоть она и закрыта в нофоллов.

А кинуть картинку в div с "position: relative" и наложить следом абсолютный div? Можно обойтись без минусов.

А я до сих пор на свой блог визуальное отображение Яндекс.Метрики не поставил. В принципе, можно поставить, удалить всегда успею.

А я поставил. Красиво смотрится, и даже работает. )

Est li variant, 4toby informer pokazival dannie posesheniya ili prosmotra ne ZA SUTKI, a za vse vremya sobiraniya statistiki?

JS включен, но все равно не видно счетчика, что может быть?

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

Подписка на Комментарии к "Правильный код счётчика Яндекс.Метрики" Подписка на NOINDEX.by - Все комментарии