Меню

Как вставить код счетчика рамблер



Счетчик для сайта WordPress — как поставить счетчики Рамблер и Openstat

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com! Я уже посвятил достаточно публикаций описанию сервисов, которые предлагают участие в различных рейтингах в обмен на установку счетчика на вашем сайте. Это помогает не только постепенно увеличить приток целевой аудитории, но и получить жирные бэклинки на свой ресурс.

Если помните, мы уже разбирали процесс регистрации и получения счетчика для сайта от LiveInternet (здесь). В принципе любой каунтер, состоящий как из двух частей (собственно счетчика и логотипа), так и из одной составляющей, можно грубо воткнуть согласно инструкции по установке счетчика посещений LI (тут подробнее). Информер для сервиса TOP Mail.ru устанавливается аналогично счетчику от Ливинтернета.

В этом случае показания статистики посещаемости не будут искажены. Однако для каждого отдельного случая все-таки есть определенные тонкости, которые я и постараюсь раскрыть в настоящей статье, давая рекомендации в отношении установки коунтеров от Rambler TOP 100 и Openstat. Ведь правильное расположение скриптовой части счетчика для сайта может, например, обеспечить корректность кода и ускорить скорость загрузки вебстраниц.

Как вставить счетчик от Рамблера на сайт

После того, как вы получили каунтер от Rambler TOP 100, его необходимо вставить в определенное место, отредактировав шаблоны темы WordPress таким образом, чтобы информер отображался на всех страницах сайта. Код будет примерно следующим:

Там же вы можете получить инструкцию об установке логотипа Рамблер 100 на свой ресурс. Этот кусок рекомендуется внедрить в самый низ вебстраницы, непосредственно перед закрывающим тегом BODY:

Практически это несложно сделать, прочитав мой подробный мануал об установке информера от Лайвинтернет, ссылка на который дана чуть выше. Вкратце скажу, что сделать это можно с помощью виджетов, если они поддерживаются вашей текущей вордпрессовской темой либо вручную отредактировать соответствующим образом файл footer.php (при желании лицезреть информер в футере). Отмечу также, что Рамблер ТОП 100, в отличие от Ливинтернет, предлагает только вариант с одной составляющей, поэтому весь фрагмент нужно вставить на то место, где и будет отображаться логотип Rambler.

Однако, есть один нюанс. Дело в том, что закрыть в этом случае каунтер Рамблер от индексации поисковыми системами с помощью атрибута nofollow тега A вам не удастся, поскольку ссылка вызывается посредством скрипта. Конечно, есть соблазн прописать нофоллоу внутри NOSCRIPT, но это ничего не даст, так как контейнер, образованный этим тегом, призван просто демонстрировать содержимое, если браузер пользователя не поддерживает скрипты.

Таким образом, попытка добавить rel nofollow в качестве атрибута в таком виде будет обречена на провал, поскольку будет попросту игнорироваться. Ради эксперимента можете проделать это действие и затем открыть исходный HTML-код страницы, однако, уверяю вас, нофоллоу вы там не обнаружите. Все-таки выход из этой ситуации есть, и весьма несложный. Нужно на странице «Мои сайты» перейти по ссылке «Код счетчика»:

В результате окажитесь на вебстранице, где будет сгенерирован «Рекомендуемый код счетчика». А затем нужно просто нажать на «Упрощенный код счетчика»:

Этот фрагмент и нужно вставить в нужное место вместо рекомендуемого и спокойно прописать rel nofollow. Хотя, конечно, такой информер накладывает определенные ограничения и некоторые данные статистики будет невозможно получать, только самые основные. Но это ведь не беда, особенно если каунтер Рамблер 100 не является основным вашим каунтером. В любом случае, вам решать, что дороже, закрыть счетчик от индексации поисковиками (здесь о регистрации сайта в поисковых системах и его индексировании) либо получать данные по статистике посещаемости в полном объеме.

Вставка счетчика от сервиса Openstat

Теперь посмотрим, какие нюансы сопровождают установку информера от Openstat (тут о регистрации в этом сервисе и получении кода счетчика подробнее), который тоже предлагает свой каунтер, но несколько в другом формате. Надо сказать, что Опенстат предусматривает весьма подробную инструкцию о базовых принципах установки информера на сайт, с которой можете ознакомиться на этой страничке. Напомню код, который получаете при регистрации в рейтинге Openstat:

Если вы посмотрите на скриншот, то увидите, что код разделен на два фрагмента. Конечно, его можно целиком внедрить в то место вебстраницы, где желаете видеть логотип рейтинга Openstat (например, вставить в файл footer.php перед закрывающим тегом BODY). И вы со спокойной душой можете это сделать, глобальной катастрофы не произойдет.

Однако с точки зрения валидации и оптимизации скорости загрузки страниц блога WordPress можно найти более элегантное решение. Идея состоит в том, чтобы поместить скриптовую часть Опенстат в отдельный файл. Я на своем блоге реализовал это следующим образом. Открыл с помощью редактора notepad++ на хостинге файлы текущей темы и, поскольку скрипт написан на языке JavaScript, создал в ранее образованной директории JS новый файл и назвал его myopenstat с расширением .js:

Затем скопировал скриптовую часть счетчика Openstat и вставил его в новоиспеченный файл:

После этого нажал правой кнопкой мышки по открытой вкладке с названием только что созданного файла openstat и выбрал из контекстного меню «Сохранить»:

Этот этап закончен. Однако, теперь для вызова скрипта нужно ниже следующую строчку с указанием пути до файла myopenstat.js:

Поместить между тегами HEAD в файл header.php темы WordPress, только не забудьте обязательно прописать свой URL:

Ну и завершающим аккордом помещаем кусок, отвечающий за вывод логотипа Openstat:

В то место на web-странице сайта, где бы вы хотели видеть информер. Я, например, разместил эту частичку в файле footer.php (перед закрывающим тегом BODY):

Читайте также:  Газовый счетчик который установленый

Таким образом, код, предлагаемый для размещения сервисом статистики Openstat, должным образом вставлен и обязан корректно работать. Единственное, его структура не дает возможности закрыть счетчик от индексации поисковыми системами с помощью nofollow. Возможно, дорогие читатели, кто-то из вас решил эту задачу и поделится об этом в комментариях.

Источник

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

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

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

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

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

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

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

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

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

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

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

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

Дополнение

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

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

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

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

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

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

Похожие статьи по теме:

Друзья, поддержите блог! Поделитесь статьёй в социальных сетях:

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

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

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

Как раз то, что нужно Максим, пошел внедрять твой код.

Теперь на него ни один сервис проверки ругаться не будет.

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

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

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

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

Что то я не могу в рамблере 100 топ зарегистрироваться.. Выдает ошибку 500

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

У меня не получилось.

Что именно не получилось, Имран?

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

Попробуйте сбросить кэш браузера, код рабочий.

С этим кодом в 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/’)»>↩ ↩

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

А где ссылка на авторство?

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

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

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

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

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

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

Это не только в нашей теме.

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

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

Читайте также:  Поверка счетчиков общедомовых кто за нее должен платить

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

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

Доброго дня Максим. Скажите, как мне выставить счетчики в 1 ряд как у Вас в блоге? Заранее спасибо..

Роман, здравствуйте. Ответил на вопрос в комментариях на канале.

Источник

Как вставить код счетчиков посещений на сайт под управлением Joomla через модуль «Произвольный HTML-код» или напрямую в шаблон

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Решил написать отдельную статью о том, как поставить счетчики посещений на сайт. Речь пойдет о LiveInternet (читайте о возможностях Лайвинтернета), HotLog и Рамблер Топ 100 , OpenStat и некоторых других.

Мы будем пытаться их интегрировать в шаблон Joomla, а в следующей статье уже в WordPress и форум на SMF.

Установка счетчиков LI, Рамблер Топ 100 и других в Joomla

Перечисленные выше счетчики обладают одной общей особенностью — они имеют видимую посетителям вашего ресурса область с информацией о посещаемости вашего ресурса. В то время как Google Analytics и Яндекс.Метрика такой видимой посетителям области не имеют, поэтому их код достаточно будет установить, допустим, перед закрывающим тегом BODY в шаблоне вашего сайта.

Поправка — Метрика сейчас получила возможность вставлять информер, но эту возможность нужно будет специально активировать в настройках (см. подробнее по приведенной только что ссылке).

Код невидимых счетчиков посещений (Аналитикса и Метрики) иногда стараются разместить в конце Html кода страницы для того, чтобы он не тормозил подгрузку информационной составляющей страницы, хотя точность подсчета в этом случае будет немного ниже, чем при размещении кода в верхней области.

А вот Ливинтернет, Майл.ру, Рамблер Топ 100, ХотЛог или ОпенСтат (имеющих информер) нужно устанавливать в то место шаблона вашего сайта, где эти самые информеры будут выглядеть уместно и сочетаться с общим дизайном. Либо можно получить двухчастевой код счетчика (читайте об этом во второй части статьи по приведенной чуть выше ссылке), что даст вам определенную гибкость в его размещении.

Когда то у меня блок с информерами был вставлен в футер (нижнюю область всех станиц вашего ресурса):

Если вы еще не имели дело со счетчиками посещений, то, возможно, вам будет интересно ознакомиться с серией уроков по получению, установке, настройке и работе с ними (см. ссылки приведенные в начале этой статьи).

Будем считать, что код нужного вам информера вы получили и теперь стоит задача вставить его в шаблон вашего сайта, форума или блога. Сразу обращаю ваше внимание, что основной нашей задачей при вставке будет размещение этого кода таким образом, чтобы счетчик отображался на всех страницах вашего ресурса.

В противном случае показания собираемой статистики не будут соответствовать действительности (часть посетителей вашего ресурса не будет учтена). Дело в том, что подсчет осуществляется по количеству загрузок картинки с изображением информера.

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

Наша задача в этом случае сводится к тому, чтобы вставить код счетчиков посещаемости в то место шаблона, которое отображается на всех страницах сайта. Например, в Joomla это может быть, к примеру, модуль, в WordPress — футер, да и в SMF такое место будет найти не сложно.

Но обо всем по порядку. Давайте будем разбираться с каждым движком сайта (где скачать и как установить тот или иной движок вы можете прочитать: Joomla, WordPress, SMF) по отдельности и начнем, пожалуй, с «великой и ужасной» Джумлы.

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

Увидеть все позиции для модулей, имеющиеся именно в вашем шаблоне, вы сможете, просто добавив в конце URL вашего ресурса в адресной строке браузера ?tp=1 (например, http://fdfd.ru/?tp=1). В разных шаблонах количество и расположение мест для модулей отличается. Итак, заходим в админку Джумлы, выбираем из верхнего меню «Расширения»- «Менеджер модулей».

На открывшейся странице вам нужно будет нажать на кнопку «Создать», расположенную в верхнем правом углу окна:

и выбрать из открывшегося списка модулей вариант «Произвольный HTML-код». В верхней левой части открывшегося окна в области «Подробности» вы должны будете заполнить поле «Заголовок», поставить галочку в позицию «Да» в поле «Включено», а затем выбрать из выпадающего списка в поле «Позиция» место на страницах сайта для отображения создаваемого модуля со счетчиками посещаемости.

Кроме описанного выше способа можно так же посмотреть позиции для модулей, выбрав из верхнего меню админки Joomla «Расширения»- «Менеджер шаблонов». Щелкните на открывшейся странице по названию используемого шаблона (напротив него в столбце «По умолчанию» будет стоять звездочка). Откроется страница настройки, где в верхней правой области вам нужно будет нажать на кнопку «Просмотр»:

Читайте также:  Счетчик mail ru регистрация

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

Отключаем визуальный редактор в Joomla для вставки кода счетчиков

В нижней части открывшегося окна «Произвольный HTML-код» вы можете вставить полученный код счетчиков посещений (посещаемости). Но при этом не забудьте отключить визуальный редактор на время вставки этого кода. Его можно отключить в общих настройках Joomla, выбрав из верхнего меню пункт «Сайт» — «Общие настройки» и перейдя на вкладку «Сайт». В области «Установки сайта» в поле «Визуальный редактор по умолчанию» выберете из выпадающего списка вариант «No Editor»:

Если вы попытаетесь вставить код отличный от Html при включенном визуальном редакторе, то после сохранения внесенных изменений (кнопки «Сохранить» или «Применить») часть его просто исчезнет. Дело в том, что редактор обрезает все, что не является тегами и атрибутами языка гипертекстовой разметки. Если вы не хотите каждый раз отключать редактор, то можете зайти в настройки редактора TinyMCE и отключить там исправление Html кода.

После того, как вы добавите фрагмент с кодом счетчика в модуль произвольного HTML-кода, сохраните произведенные изменения и убедитесь, что на вашем ресурсе они отображаются именно так, как вы и хотели. После этого визуальные редактор можно будет опять включить (с ним все-таки удобнее работать со статьями, чем делать это в голом HTML).

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

Подробнее почитать про визуальный редактор, используемый для повышения удобства при написании статей, вы можете здесь — Настройка визуального редактора по умолчанию для сайта на Joomla. Кстати, вовсе и не обязательно каждый раз его отключать в общих настройках движка.

Можно создать специального пользователя с нужными правами (наверное, менеджер или администратор), в настройках которого будет отключен визуальный редактор, и когда понадобится вставить в текст статьи или в модуль какой-нибудь скрипт, то можно будет просто войти в админку под этим пользователем. Как это сделать, подробно описано по приведенной в предыдущем абзаце ссылке.

Позиционирование информеров в области отведенной модулю

Для позиционирования информеров LiveInternet, Mail.ru, HotLog, SpyLog или Rambler Top100 в области, отведенной под модуль в шаблоне Джумлы, вы можете заключить их код в открывающий и закрывающий теги DIV (создать контейнер) и прописать в открывающем теге DIV атрибут CLASS. Например:

а в файле CSS вашего шаблона оформления (обычно находится в папке /templates/папка_вашего_шаблона/css/ ) прописать для этого класса (в нашем примере — poziciy) соответствующие свойства (смотрите уроки по CSS), с помощью которых вы сможете, например, задать отступ счетчика от границ модуля или даже сделать его невидимым.

При этом, статистику этот счетчик будет продолжать исправно собирать, но посетители вашего ресурса его информер видеть не будут. Делаете, например, так:

А в вашем файле CSS прописываете для этого ID свойство:

Про CSS свойство display читайте тут. Всё, теперь счетчик, заключенный в контейнер с , исчезнет со страниц вашего ресурса.

Хочу привести пример с информером LiveInternet, в качестве иллюстрации позиционирования его изображения с помощью таблиц каскадных стилей. Как видите, картинка счетчика расположена справа, немного отодвинута от правого края, а слева от нее располагается этот текст. Для того, чтобы этого добиться, нужно было всего лишь заключить Html тег IMG, с помощью которого вставляются изображения в HTML код, в открывающий и закрывающий теги DIV с прописанным классом:

а в CSS файл шаблона оформления вставить свойство для этого класса:

Строка float: right; (здесь про Float и clear в CSS читайте подробнее) задает прижатие этого контейнера к правому соседнему элементу дизайна, а строка margin-right: 30px; (а тут про отступы и рамки с помощью Padding, margin и border) задает отступ в 30 пикселей от правого края. Все довольно просто.

Вставка кода счетчиков посещений прямо в шаблон Joomla

Если вы по каким-либо причинам не хотите использовать модуль «Произвольный HTML-код» или у вас это сделать не получается, то можно добавить информер со статистикой в модуль на вашем сайте напрямую, получив доступ к серверу хостинга по FTP (здесь я писал про Файлзилу — лучший ФТП клиент).

Например, для того, чтобы вставить код счетчиков в футер (самая нижняя область на всех страницах), то вам нужно будет открыть на редактирование файл /modules/mod_footer/tmpl/default.php . Самое лучшее место для добавления информера будет после строк:

Код счетчика вы можете заключить в контейнер (тегами DIV с прописанным классом) и осуществлять его дальнейшее позиционирование и выравнивание с помощью стилей, которые вы можете дописать в файле CSS вашего шаблона оформления (обычно находится в папке /templates/папка_вашего_шаблона/css/ ).

Кстати говоря, именно в файле /modules/mod_footer/tmpl/default.php можно убрать строку из футера, в которой говорится, на чем он работает (Joomla! — свободное программное обеспечение, распространяемое по лицензии GNU/GPL). Для этого нужно удалить в /modules/mod_footer/tmpl/default.php строку:

Предлагаю Вам поучаствовать в опросе «Какие счетчики посещаемости вы используете на своем сайте»:

Код для вставки голосования на сайт:

Буду признателен, если воспользуетесь кнопочками:

Источник