• 243
  • 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css html
  • Демо:

Представляю вам маленький хак График посещаемости сайта - это простенький график посещаемости на странице статистики сайта от Яндекса

Итак приступим
Установка:
1.Скачиваем скрипт Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Заливаем js фаил из архива на сайт в /templates/Ваш_Шаблон/js/
2. Открываем /templates/Ваш_Шаблон/stats.tpl и в нужное место добавляем:

Код:
<script src="{{ tpl_url }}/js/informer-0.9.2.js" type="text/javascript"></script>
<canvas id="traffic-widget-ex1" height="300" width="700"></canvas>
<script type="text/javascript">
$informer("traffic-widget-ex1",{
hintBg: '#63C0EC',
hintBg: 'red', //Цвет фона подсказки
hintTextColor: '#fff', //Цвет текста в подсказке
font: 'bold 10px Arial', //Текст
fontColor: '#464646', //Цвет текста
hintScale: 300, //Расмер поля для подсказки
showCaption: false, //Показывать подпись
caption: 'site.ru', //Подпись,
showDaysOfMonth: false, //Показывать дни месяца
showGrid: true, //Показывать сетку
weekDays: new Array('Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб') //Ну тут и так всё ясно
})
.showYandexStat("CirclesGraph", "12345678", //ID Яндекс счетчика
{
circleRadius: 5, //Радиус пиковой точки
circleBg: 'green', //Заливка пиковой точки
lineWidth: 2, //Толщина линии
lineColor: 'yellow', //Цвет линии
paintWeekends: 'red', //Особый цвет для выходных
weekendBg: 'red' //Цвет выходных
});
</script>
3. Прочие настройки производятся в informer-0.9.2.js .На сайте должен быть установлен код счетчика Яндекс.Метрики и не важно, видимый или нет.

Можешь почитать и вот эту статейку "Делаем активный номер телефона"

mistakes

Это тоже интересно

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

Ваше мнение

Какие темы вам интереснее?
Результаты

----