(这仅与具有深入分析的付费帐户相关。)
我很好奇,能不能自定义我的分析页面,隐藏除引荐来源之外的所有内容。有些 Bearblogger 对隐藏指标很感兴趣,所以我想分享一下我的一些有效方法。
这是我添加到仪表板>自定义仪表板>仪表板样式的CSS:
/* Hide everything but referrers */ main:has(embed[type="image/svg+xml"]) h1 + p, embed[type="image/svg+xml"], embed[type="image/svg+xml"] + .helptext + p, embed[type="image/svg+xml"] + .helptext + p + p + div > div:first-child, embed[type="image/svg+xml"] + .helptext + p + p + div + div, embed[type="image/svg+xml"] + .helptext + p + p ~ div > div ul li span:last-child { display: none !important; } /* Resize referrers to fill page */ embed[type="image/svg+xml"] + .helptext + p + p + div > div:last-child { width: 100% !important; } embed[type="image/svg+xml"] + .helptext + p + p + div > div:last-child ul { max-height: initial !important; }
点菜/* Hide everything but referrers */ main:has(embed[type="image/svg+xml"]) h1 + p, embed[type="image/svg+xml"], embed[type="image/svg+xml"] + .helptext + p, embed[type="image/svg+xml"] + .helptext + p + p + div > div:first-child, embed[type="image/svg+xml"] + .helptext + p + p + div + div, embed[type="image/svg+xml"] + .helptext + p + p ~ div > div ul li span:last-child { display: none !important; } /* Resize referrers to fill page */ embed[type="image/svg+xml"] + .helptext + p + p + div > div:last-child { width: 100% !important; } embed[type="image/svg+xml"] + .helptext + p + p + div > div:last-child ul { max-height: initial !important; }
仅隐藏指标:
/* Numbers */ embed[type="image/svg+xml"] + .helptext + p + p ~ div > div ul li span:last-child { display: none; } /* Upvotes */ embed[type="image/svg+xml"] + .helptext + p + p + div > div:first-child ul li span small { display: none; } /* Reading now */ main:has(embed[type="image/svg+xml"]) h1 + p { display: none; } /* Unique reads + unique visitors */ embed[type="image/svg+xml"] + .helptext + p { display: none; } /* The graph */ embed[type="image/svg+xml"] { display: none; }
隐藏特定部分:/* Numbers */ embed[type="image/svg+xml"] + .helptext + p + p ~ div > div ul li span:last-child { display: none; } /* Upvotes */ embed[type="image/svg+xml"] + .helptext + p + p + div > div:first-child ul li span small { display: none; } /* Reading now */ main:has(embed[type="image/svg+xml"]) h1 + p { display: none; } /* Unique reads + unique visitors */ embed[type="image/svg+xml"] + .helptext + p { display: none; } /* The graph */ embed[type="image/svg+xml"] { display: none; }
/* Pages */ embed[type="image/svg+xml"] + .helptext + p + p + div > div:first-child { display: none; } /* Referrers */ embed[type="image/svg+xml"] + .helptext + p + p + div > div:last-child { display: none; } /* Devices */ embed[type="image/svg+xml"] + .helptext + p + p + div + div > div:first-child { display: none; } /* Browsers */ embed[type="image/svg+xml"] + .helptext + p + p + div + div > div:nth-child(2) { display: none; } /* Countries */ embed[type="image/svg+xml"] + .helptext + p + p + div + div > div:last-child { display: none; }
由于分析页面没有唯一的类,我找到了其中最独特的东西(图表),并用它来定位页面上的其他元素/* Pages */ embed[type="image/svg+xml"] + .helptext + p + p + div > div:first-child { display: none; } /* Referrers */ embed[type="image/svg+xml"] + .helptext + p + p + div > div:last-child { display: none; } /* Devices */ embed[type="image/svg+xml"] + .helptext + p + p + div + div > div:first-child { display: none; } /* Browsers */ embed[type="image/svg+xml"] + .helptext + p + p + div + div > div:nth-child(2) { display: none; } /* Countries */ embed[type="image/svg+xml"] + .helptext + p + p + div + div > div:last-child { display: none; }