Информер на вашем сайте

Вы можете установить себе информер с самыми популярными заголовками вашего сайта. Это поможет новому пользователю быстрее сориентироваться и сразу перейти к самому интересному.

Установка

Вставьте этот скрипт где вам удобно

<script type="text/javascript" src="//top-fwz1.mail.ru/js/informer.js"></script>

И вот этот код там, где вы хотите увидеть информер (подставив ID вашего счетчика):

<div id='tpinformer' cid='ID вашего счетчика'></div>

Изменение внешнего вида

Вы с лёгкостью можете менять внешний вид информера. По умолчанию он выглядит так:

Каждый используемый элемент имеет свой класс:

<div id="tpinformer" cid="36383">
    <ul class="top_informer">
    <li class="top_informer-item"><span class="top_informer-item-number">9</span>&nbsp;<span class="top_informer-item-title"><a href="//top.mail.ru/stat?id=1150694&amp;from=jumpfrom">Рейтинг Mail.ru - статистика и аналитика для вашего сайта</a></span></li>
    …
    </ul>
    <a href="//top.mail.ru/?utm_source=informer" class="top_informer-signature">Рейтинг Mail.ru</a>

</div>

Как пример, переопределим некоторые параметры с помощью следующего CSS:

<style>
    .top_informer-item-title {color: sienna; font-family: Arial,Sans-Serif;}
    .top_informer-item {   list-style:none; }
</style>

И выглядит он иначе:

Чтобы информер работал, необходимо сделать Real Time отчёт «Топ заголовков» публичным. Для этого перейдите в раздел «Права доступа» и отметьте галочкой нужный пункт настроек.