Информер на вашем сайте
Вы можете установить себе информер с самыми популярными заголовками вашего сайта. Это поможет новому пользователю быстрее сориентироваться и сразу перейти к самому интересному.
Установка
Вставьте этот скрипт где вам удобно
<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> <span class="top_informer-item-title"><a href="//top.mail.ru/stat?id=1150694&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 отчёт «Топ заголовков» публичным. Для этого перейдите в раздел «Права доступа» и отметьте галочкой нужный пункт настроек.
