Skip to content

搞英语 → 看世界

翻译英文优质信息和名人推特

Menu
  • 首页
  • 作者列表
  • 独立博客
  • 专业媒体
  • 名人推特
  • 邮件列表
  • 关于本站
Menu

自定义 Bearblog 分析页面

Posted on 2025-09-05

(这仅与具有深入分析的付费帐户相关。)

我很好奇,能不能自定义我的分析页面,隐藏除引荐来源之外的所有内容。有些 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; }

兄弟和子级组合器。选择器是特定的,以避免意外隐藏其他仪表板内容。

原文: https://sylvia.bearblog.dev/bearblog-analytics/

本站文章系自动翻译,站长会周期检查,如果有不当内容,请点此留言,非常感谢。
  • Abhinav
  • Abigail Pain
  • Adam Fortuna
  • Alberto Gallego
  • Alex Wlchan
  • Answer.AI
  • Arne Bahlo
  • Ben Carlson
  • Ben Kuhn
  • Bert Hubert
  • Big Technology
  • Bits about Money
  • Brandon Skerritt
  • Brian Krebs
  • ByteByteGo
  • Chip Huyen
  • Chips and Cheese
  • Christopher Butler
  • Colin Percival
  • Cool Infographics
  • Dan Sinker
  • David Walsh
  • Dmitry Dolzhenko
  • Dustin Curtis
  • eighty twenty
  • Elad Gil
  • Ellie Huxtable
  • Ethan Dalool
  • Ethan Marcotte
  • Exponential View
  • FAIL Blog
  • Founder Weekly
  • Geoffrey Huntley
  • Geoffrey Litt
  • Greg Mankiw
  • HeardThat Blog
  • Henrique Dias
  • Herman Martinus
  • Hypercritical
  • IEEE Spectrum
  • Investment Talk
  • Jaz
  • Jeff Geerling
  • Jonas Hietala
  • Josh Comeau
  • Lenny Rachitsky
  • Li Haoyi
  • Liz Danzico
  • Lou Plummer
  • Luke Wroblewski
  • Maggie Appleton
  • Matt Baer
  • Matt Stoller
  • Matthias Endler
  • Mert Bulan
  • Mind Matters
  • Mostly metrics
  • Naval Ravikant
  • News Letter
  • NextDraft
  • Non_Interactive
  • Not Boring
  • One Useful Thing
  • Phil Eaton
  • Product Market Fit
  • Readwise
  • ReedyBear
  • Robert Heaton
  • Rohit Patel
  • Ruben Schade
  • Sage Economics
  • Sam Altman
  • Sam Rose
  • selfh.st
  • Shtetl-Optimized
  • Simon schreibt
  • Slashdot
  • Small Good Things
  • Steph Ango
  • Stephen Wolfram
  • Steve Blank
  • Taylor Troesh
  • Telegram Blog
  • The Macro Compass
  • The Pomp Letter
  • thesephist
  • Thinking Deep & Wide
  • Tim Kellogg
  • Understanding AI
  • Wes Kao
  • 英文媒体
  • 英文推特
  • 英文独立博客
©2025 搞英语 → 看世界 | Design: Newspaperly WordPress Theme