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

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

Установка

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

<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 отчёт «Топ заголовков» публичным. Для этого перейдите в раздел «Права доступа» и отметьте галочкой нужный пункт настроек.