Подпишись
на новые статьи

Просто введи свой e-mail:

Меняем стили таблицы в статистике Яндекс Директа

Если вас не устраивает, как отображается таблицы статистики в Яндекс Директе, то это можно поправить. 

Мне, например, не нравиться большая простыня отчета на страницах статистики в Директе, например по поисковым запросам. Она выходит почти в 2 раза за пределы экрана. Если уменьшать масштаб страницы, то уменьшаются и другие элементы, помимо самой страницы.


Для браузеров есть плагин Stylish, который позволяет менять стили на странице в браузере. Скачать его для хрома можно тут https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ru

В нем можно прописать стили CSS, которые хотите поменять на странице

Для этого кликаем на плагин и выбираем Создать стиль (спрятан за 3 точками)

Появиться новое окно, в котором вводим Названия стиля, свой код и на какой странице он должен применяться:

 

Применять будем на всех станицах, которые соответствуют регулярному выражению :
 .*direct\.yandex\.ru\/registered\/.*show_stat=1.*

 

Код стиля:

/* Строка заголовка таблицы */
.b-stat-table_type_mol .b-stat-table__head-col {
    padding: 3px 3px;
}
.b-stat-table__head-col-wrap_sorted_yes {
    padding-left: 5px;
}
.b-stat-table_type_mol .b-stat-table__row-col {
    padding: 3px 3px;
}
.b-stat-table_type_mol .b-stat-table__row-col_type_slices {
    white-space: normal;
}
.b-stat-table__head {
    white-space: normal;
}

/* Столбец с поисковыми запросами */
.b-mol-stat-data__search-query-wrap {
    width: 250px;
}

.b-stat-table_type_mol .b-stat-table__head-col {
    padding: 3px 3px;
}

/* Цвета таблицы */
.b-stat-table__row-col {
    border-bottom: 1px solid #A5A5A5;
}

.b-stat-table_type_mol .b-stat-table__row-col {
    border-left: 1px solid #A5A5A5;
}

 

Сохраняем. Теперь при включенном плагине на странице статистики будет более компактная таблица:

 

 

Если у вас есть свои подобные стили, поделитесь со мной :)

Автор: Дата создания:

Комментарии (0)







Разрешённые теги: <b><i><br>Добавить новый комментарий: