Как получить и установить код счётчика LiveInternet?

Дорогие друзья, несмотря на то, что установка кода счётчиков Google Analytics и Яндекс.Метрика являются предпочтительными из расчёта получения бонусов при ранжировании сайтов в поисковых системах Google и Яндекс соответственно, наиболее удобным источником статистической информации, по крайней мере для новичков, является рейтинг LiveInternet.

Как получить и установить код счётчика LiveInternet?

Следует отметить, что в отличии от двух предыдущих сервисов по сбору статистики, рейтинг LiveInternet не имеет единой системы авторизации. Другими словами, для каждого добавленного ресурса вам придётся указать свой пароль. Если с этим разобрались, давайте получим счётчик LiveInterent и установим его на сайте.

Как получить html-код счётчика LiveInternet?

Шаг 1. Для того чтобы зарегистрировать сайт в рейтинге LiveInternet зайдите на страницу регистрации. Форма вполне стандартная и простая, но отмечу некоторые нюансы. В качестве синонимов можно указать несколько адресов через запятую или пробел. Статика по умолчанию закрыта паролем, но я рекомендую выбрать вариант «общедоступна», т.к. доступ к статистике зачастую нужен для работы с рядом сервисов. В дальнейшем я объясню, как ограничить доступ к некоторым отчётам. Участие в рейтинге не обязательно и осуществляется только в случае выбора соответствующей категории.

добавление сайта в рейтинг LiveInternet

Шаг 2. На следующей странице вам будет предложено проверить и подтвердить указанные вами данные. Проверяем и если всё нормально жмём кнопку «зарегистрировать >>».

Шаг 3. Ваш сайт успешно зарегистрирован, а на указанный e-mail отправлено уведомление о регистрации. Жмём кнопку «получить html-код счётчика».

Шаг 4. На открывшейся странице вы можете выбрать цвет (кликом по одному из счётчиков), тип и размер счётчика.

выбор цвета, типа и размера счётчика LiveInternet

Также вы можете выбрать вариант в виде одной или двух картинок. Лучше всего использовать именно второй вариант, но только в том случае если вы хорошо разбираетесь с HTML. Будет не лишним «вытянуть» html-код в одну строку, но тут смотрите сами, т.к. лично мне так удобно. Если ваш сайт работает на фреймах – укажите соответствующую галочку. Также рекомендую вести учет заголовков страниц, иногда это весьма удобно.

другие настройки счётчика LiveInternet

Жмём кнопку «получить html-код счётчика».

Примечательно, что вы всегда можете сгенерировать или перегенерировать код счётчика в дальнейшем. Достаточно проследовать по ссылке «html-код счётчика» внизу страницы статистики ресурса, но об этом чуть позже.

Как установить код счётчика LiveIntenet на сайт?

С учётом предложенного мной варианта, мы получим два html-кода. Первый представляет собой JavaScript код счётчика, а второй – обычную картинку со ссылкой.

html код счетчика liveinternet

Примечательно, что оба предложенных html-кода надо вставить в приделах тега body, но первый как можно выше, а второй – там, где нужно отобразить счётчик.

В принципе, я уже рассказывал как можно вставить код счётчика Яндекс.Метрика на Blogger и WordPress блоги. Тут, если учитывать простейший вариант – счётчик в виде одной картинки, всё без изменений. Если же вы хотите использовать более сложный вариант из двух картинок – запаситесь терпением.

Как установить код счётчика LiveInternet на Blogger блог?

Шаг 1. Основная сложность установки кода счётчика LiveInternet, состоящего из двух картинок, заключается именно во вставке первой его части, но всё по порядку. Для начала перейдите в раздел «Шаблон» и на всякий случай сделайте резервное копирование шаблона. Для этого кликните кнопку «Резервное копирование и восстановление» в правом верхнем углу страницы, а потом «Загрузить шаблон полностью» в открывшемся окне.

резервное копирование шаблона на Blogger

Шаг 2. Далее жмем кнопку «Изменить HTML» на странице «Шаблон».

как изменить (редактировать) шаблон в Blogger

Шаг 3. В открывшемся окне найдите открывающийся тег body и после него вставьте первую часть предложенного нам html-кода. Несмотря на то, что Blogger сделает требуемое ему преобразование кавычек автоматически, лично я рекомендую использовать экранирование JavaScript-кода через CDATA. В этом случае код будет иметь вид:

<!--LiveInternet counter--><script type='text/javascript'>
//<![CDATA[
/* здесь JavaScript код */
//]]>
</script><!--/LiveInternet-->

Ещё раз хочу отметить, что делать такое преобразование не обязательно. Если с этим разобрались, жмем кнопку «Сохранить шаблон».

вставка счётчика LiveInternet в шаблон блога на Blogger

Шаг 4. В соответствии с правилами нам надо вставить и код информера. Для этого мы можем воспользоваться всё тем же гаджетом HTML/JavaScript, т.е. переходим в раздел «Дизайн» и дальше по накатанной колее. Единственное, что хочу ответить – в ссылку можно вставить rel="nofollow", дабы она не индексировалась.

Как установить код счётчика LiveInternet на WordPress блог?

Шаг 1. Авторизуйтесь и перейдите в панель управления блогом.

Шаг 2. Перейдите на страницу: Внешний вид > Редактор – и выберите шаблон «Заголовок».

редактирование шапки в WordPress, вставка кода счётчика LiveInternet в шаблон WordPress блога

Шаг 3. Найдите открывающийся тег body и вставьте после него первую часть кода счётчика LiveInternet, без изменений.

Шаг 4. Для размещения информера можете воспользоваться виджетом «Текст» (см. Внешний вид > Виджеты) или вставить код в шаблон «Подвал». Ещё раз хочу отметить, что при этом вы должны быть максимально внимательны, чтобы ваши действия не привели к искажению шаблона блога.

Как настроить доступ к отчётам LiveInternet?

Ранее, я уже говорил, что статистику посещаемости сайта лучше сделать отчасти открытой. Таким образом, вы позволите своим рекламодателям, партнерам и т.д. получить представление о посещаемости сайта. Очевидно и то, что далеко не все отчеты должны быть доступны. В этом плане рейтинг LiveInternet имеет очень гибкую настройку доступа к отчётам. О ней и поговорим.

Шаг 1. Зайдите на страницу статистики посещаемости сайта. Её URL-адрес имеет следующий вид:

http://www.liveinternet.ru/stat/[домен_сайта]/

Шаг 2. Прокрутите страницу в самый конец. Найдите и кликните ссылку «изменить описание сайта».

изменить описание сайта в LiveInternet и настроить права доступа к отчетам

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

Шаг 4. На открывшейся странице «Изменить описание сайта» найдите пункт «Статистика». Рядом со списком будет ссылка «Установить доступ к отчетам >>» - кликните её.

установка доступа к отчетам в LiveInternet

Шаг 5. На открывшейся странице будет представлен список всех отчетов, а главное возможность установки доступа к ним для «всех» и «гостей» (имеющих гостевой пароль). Не буду вдаваться в подробности, а сразу приведу мой вариант расстановки доступа к отчетам.

пример установки прав доступа к отчетам LiveInternet

Шаг 6. Нажмите кнопку «внести изменения».

Как указать гостевой пароль к статистике LiveInternet?

Ну и раз уж я упомянул о «гостевом пароле» будет вполне оправдано сказать, как его указать в LiveInternet. А сделать это можно на всё той же странице «Изменение описания сайта».

Как указать гостевой пароль к статистике LiveInternet?

На этом у меня всё. Спасибо за внимание. Удачи!

Twitter Facebook ВКонтакте Одноклассники Google+

9 комментариев:

Лариса Бушина
Мне Мурзик на ушко шепнул, что у Вас сегодня праздник?)
Поздравляю, желаю покорить это интернет мир и в частности блоспот!)
Ну и прочего прочего, что сидит в Вашей голове, успехов во всех начинаниях!
Константин Кирилюк
@Лариса Бушина Спасибо, Лариса! Хотя, покорять кого-то не вижу смысла, но реализовать своё предназначение было бы хорошо... по крайней мере, я стараюсь ;)
Джексон Иванов
Приветствую, Константин! ;) Единственное, что хочу ответить – в ссылку можно вставить rel="nofollow", дабы она не индексировалась. -> Можно об этом подробнее, объясните блондину куда конкретнее это вставить. Заранее СПАСИБО за ответ и за статью в целом большущее!!!
Константин Кирилюк
@Джексон Иванов в приведенной вами цитате есть ссылка на статью о гиперссылках, но если коротко то ссылка зачастую представляет собой конструкцию:

<A href="{URL}">{текст ссылки}</A>

таким образом, требуемый атрибут нужно вставить в открывающийся тег A, например:

<A href="http://www.liveinternet.ru/click" rel="nofollow" target="_blank">...
Джексон Иванов
Примерно так и думал, вернее после *target="_blank" хотел поставить, значит не зря уточнил. Никогда с этим ранее не сталкивался, снова что-то новое открыл для себя благодаря вам и вашему блогу. Огромнейшее СПАСИБО, Константин!!! :)
Константин Кирилюк
@Джексон Иванов последовательность атрибутов в теге не имеет значения. Так атрибут rel="nofollow" можно ставить как перед, так и после атрибута target="_blank", как и других атрибутов, в данном случае, открывающегося тега A.

Если интересно, рекомендую почитать мою статью о HTML для новичков.
Джексон Иванов
Благодарю за разъяснение, Константин! Впредь буду знать. Конечно же, прочту, вообще многое у вас ещё нужно прочесть. Сейчас с учётом всех прежних ошибок решил сделать всё по уму, поэтому буду частенько навещать ваш блог. Спасибо, что отзываетесь на комментарии, это не менее замечательно, чем и та информация, что вы даёте! :)
АОФотоВидео
Счётчик же должно быть видно в блоге? Почему то у меня не видно.
Константин Кирилюк
@АОФотоВидео в приведенном мной варианте код счетчика состоит из 2х частей. Шаг4 как в инструкции для Blogger так и для WordPress описывает установку видимого информера. Удачи!
Отправить комментарий