Счётчик Рамблер ТОП-100 – оптимизация кода! 23


Здравствуйте, уважаемые друзья. Сегодня будем оптимизировать счётчик Рамблер ТОП-100. И сразу отвечу на вопрос – зачем это нужно?

Добавление сайта в рейтинг нужная и полезная вещь. Вы получаете жирненькую ссылочку на свой сайт, дополнительный трафик с Рамблера и инструмент аналитики. Мой блог на 14 месте 🙂

Счётчик Рамблер ТОП-100, позиция в рейтинге

И вместе с этим получаете самый тормознутый счётчик. Даже если установить счётчик без информера, на него всё равно будут ругаться сервисы проверки скорости загрузки и поиска проблем с протоколом https.

Счётчик Рамблер ТОП-100, тормоз

Счётчик Рамблер ТОП-100, проблема с протоколом

Визуально это никак не проявляется, только при проверке сайта в различных сервисах.

Оптимизация кода счётчика Рамблер ТОП-100

Проблема с протоколом решается просто, нужно зайти в личный кабинет Рамблер ТОП-100 – скопировать новый код счётчика и установить его на сайте.

Но, код счётчика при этом остаётся громоздким.

Счётчик Рамблер ТОП-100, код

И сервисы по проверке скорости, например PageSpeed Insights, будут всё равно ругаться.

Поэтому есть возможность оптимизировать код и избавится от этой проблемки тоже.

Для этого нужно взять приведённый ниже код, заменить идентификатор счётчика на свой и разместить код на сайте.

<!-- Rambler Top100 code -->
<a href="//top100.rambler.ru/navi/ИДЕНТИФИКАТОР СЧЁТЧИКА/">
<img src="//counter.rambler.ru/top100.cnt?ИДЕНТИФИКАТОР СЧЁТЧИКА" alt="Rambler's Top100" border="0" /></a>
<!-- end Rambler Top100 code -->

 

Код нужно вставить в подвал сайта. Сделать это можно либо в настройках шаблона, либо напрямую редактированием файла footer.php.

Дополнение

Если у вас на главной странице внешние ссылки закрыты через скрип, как у меня, код будет выглядеть так:

<span class="spanlink" title="Rambler's Top100" onclick="GoTo('//top100.rambler.ru/navi/ИДЕНТИФИКАТОР СЧЁТЧИКА/')">
<img src="//counter.rambler.ru/top100.cnt?ИДЕНТИФИКАТОР СЧЁТЧИКА" alt="Rambler's Top100" border="0" />
</span>

 

Добавив оптимизированный код, вы решаете проблемы со счётчиком Рамблер ТОП-100.

Подробности смотрите в видеоуроке.

Видеоинструкция

Друзья, вот и вся хитрость. На этот код не ругается ни один сервис. Берите на вооружение и применяйте на практике. Желаю вам успехов!

С уважением, Максим Зайцев

 



Если статья оказалась для Вас полезной, поделитесь с друзьями, жмите на кнопочки:


Подписывайтесь на новые статьи!


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку «Отправить комментарий», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

23 коммент. к статье “Счётчик Рамблер ТОП-100 – оптимизация кода!

  • МАКСИМ

    Да с этими скриптами и кодами просто беда от сторонних сервисов, даже сам гугл иногда на себя ругается. Я просто замучился уже исправлять эти недочёты. У меня даже ругаеться на картинку, которая весит 2,4 КБ и пишет сжать нужно её на 25%, блин куда дальше не пойму — это для мобильных устройств. Может кто подскажет, как это сделать?

    • Максим Зайцев От автора

      Да, есть такие картинки, которые сколько не сжимай, а сервис всё равно ругается. Попробуй ещё сервис tinypng.com он лучше всего справляется с этой задачей.

  • Иван

    А нахрен счетчики нужны? Ну кроме «жирной ссылки», которая мне кажется погоды не сделает. Невидимый установил и не парюсь, на других сайтах ваще на глазок через веб-мастер определяю посещалку.

    У кого-то много счетчиков, ну видимо чёт дает им этот набор шпионов.

    • Максим Зайцев От автора

      Возможно на у них были проблемы с сервером, попробуйте позже.

  • стока

    Добрый день скопировал урезанный код поменял ИДЕНТИФИКАТОР на свои цифры но не отображается картинка рамблера

      • Максим

        С этим кодом в validare ошибка выходит.
        Warning: The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead.
        From line 660, column 3; to line 660, column 89
        88/’)»>↩ ↩</spa

        • Максим Зайцев От автора

          Максим, стиль border="0" всегда можно перенести в стили CSS или убрать вообще.

  • Александр

    Здравствуйте, Максим!
    Тогда уже лучше вместо border=»0″ сделать style=»border:0;» (для валидатора).
    И еще, у меня к Вам вопросик:
    У Вас виджеты и настройка темы после обновления wordpress, нормально редактируются?

    • Максим Зайцев От автора

      Здравствуйте, Александр. Да, можно стили подправить. А что до настроек темы, они перестали работать после обновления движка до версии 4.8. Обратился в службу поддержки жадных буржуев, ответили, что без оплаты и обновления темы ничем помочь не могут. Я нашёл выход из положения, через панель разработчика в браузере, все настройки спрятаны через display:none Но, это временные меры. Сейчас с темой уже давно ничего не делал и не дорабатывал, так устраивает. А в перспективе сменю шаблон.

      • Александр

        А я все-таки попробую дождаться нового обновления движка. Может подправят.

        • Максим Зайцев От автора

          Новое обновление движка ничего не даст, уже 4.8.1. Всё, официальная версия нашей темы, причем платная, не поддерживается производителем. Они хотят денег.

          • Александр

            Это понятно. Но наверняка наши спецы, что-нибудь придумают. Там, что-то в логах исправить, или еще чего…

          • Максим Зайцев От автора

            Тема не настолько популярна, чтобы народ массово ковырял. Поэтому я особо не переживаю, придёт время — сменю тему. Пока всё устраивает.

          • Максим Зайцев От автора

            Я на других проектах использую темы от ребят из WpShop. Проблем нет, а по удобству и функционалу они мне нравятся больше.

          • Александр

            Здравствуйте, Максим!
            Я нашел вариант, как вернуть редактирование нашей темы. Нужно вставить в функцион.php код (здесь его не покажешь), отредактировать, а потом можно убрать.