Hide Twitter View & Bookmark Counts by mmahhi

Screenshot of Hide Twitter View & Bookmark Counts

Details

Authormmahhi

LicenseMIT License

Categorytwitter.com

Created2 years, 4 months ago

Updated1 year, 6 months ago

Code size8.5 kB

Code checksume663e3c6

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Twitterのタイムラインに表示されるインプレッション数とブックマーク数を非表示にします。
※インプレッション数が右側に表示されることにも対応済みです。

Notes

概要

Twitterのタイムラインに表示されるインプレッション数とブックマーク数を非表示にするユーザーCSSです。
Firefoxにて動作確認をしておりますが、もし不具合がありましたら、ご連絡ください。可能な限り対応します。
コードの一部に、CSSの疑似クラス「:has」を使用しております。Firefoxでは対応していませんので、Firefoxをお使いの方は、設定にある「Firefox Mode」をオンにしてご利用ください。
Ver.3.0.0より、ブックマーク数の非表示にも対応しました！

設定項目案内

Hide View Counts

インプレッション数を非表示にします。

Hide Bookmark Counts

ブックマーク数を非表示にします。

(English/Japanese Only) Restore Retweet(Repost) Counts

「〇 Repost」を「〇件のリツイート」「〇 Retweets」に戻します。英語、日本語のみの対応です。
※Twitterの仕様変更により、動作しません。

(Japanese Only) Restore Quote Tweet Counts

「〇件の引用」を「〇件の引用ツイート」に戻します。日本語のみの対応です。
※Twitterの仕様変更により、動作しません。

(Japanese Only) Fix Bookmark Counts

「〇ブックマーク」を「〇件のブックマーク」に修正します。日本語のみの対応です。
※Twitterの仕様変更により、動作しません。

Firefox Mode

Firefoxを使われている場合、オフでは動かない場合はオンにしてください。

更新履歴

Ver.1.0.0 (2022/12/24)

公開

Ver.2.0.0 (2022/12/25)

Google Chrome、Microsoft Edgeなどに向けて、安定性向上のために、新たにCSSの疑似クラス「:has」を使ったコードに書き換えました。
※この機能はFirefoxでは対応していません。Firefoxをお使いの方は、設定にある「Firefox Mode」をオンにしてご利用ください。

Ver.2.1.0 (2022/12/31)

Firefox Modeをオンにした状態で、インプレッション数の表示されないツイートをツイート詳細画面で閲覧すると、いいねやリツイートなどのインプレッション数以外も非表示になる問題に対処しました。
Firefox Modeをオンにした状態で、インプレッション数以外何も表示するものがないツイートをツイート詳細画面で閲覧すると、上下に空白のみが残る問題に対処しました。

Ver.2.1.1 (2022/12/31)

Firefox Modeをオフにした状態で、インプレッション数が表示されないツイートのインプレッション数アイコンが表示されてしまう問題に対処しました。

Ver.2.1.2 (2023/01/14)

ツイート詳細画面のインプレッション数が、投稿日時の横に表示されるようになったことに対応しました。

Ver.2.1.3 (2023/01/18)

ツイートがリスト表示されている画面のインプレッション数が、いいねの横に表示されるようになったことに対応しました。

Ver.2.1.4 (2023/03/04)

ツイート詳細画面のインプレッション数が表示されるようになっていた不具合を修正しました。
Firefox Modeをオフにした状態で、サークルツイートのインプレッション数アイコンが表示されていた不具合を修正しました。
コードを整理しました。

Ver.3.0.0 (2023/04/04)

ブックマークの非表示に対応しました。
このため、名前を「Hide Twitter View & Bookmark Counts」に変更しました。
「〇件の引用」を「〇件の引用ツイート」に戻す機能を追加しました。
「〇ブックマーク」を「〇件のブックマーク」に修正する機能を追加しました。
インプレッション数、ブックマーク数の表示・非表示を切り替えられるようにしました。

Ver.3.0.1 (2023/04/14)

ツイート詳細画面のインプレッション数が、再度表示されるようになっていた不具合を修正しました。

Ver.3.0.2 (2023/04/16)

ブックマーク数を非表示にしているときに、余計な空白ができてしまう不具合を修正しました。

Ver.3.1.0 (2023/07/04)

新TweetDeckに対応しました。

Ver.3.1.1 (2023/07/15)

「Restore Quote Tweet Counts」や「Fix Bookmark Counts」をオンにすると、オフにした状態よりも空白が1px多く出力される不具合を修正しました。

Ver.3.2.0 (2023/08/09)

「〇 Repost」を「〇件のリツイート」「〇 Retweets」に戻す機能を追加しました。

Ver.3.2.1 (2023/09/28)

Twitterの仕様変更により、ブックマーク数の非表示ができなくなっていた問題を修正しました。

Source code

/* ==UserStyle==
@name           Hide Twitter View & Bookmark Counts
@namespace      hide-twitter-view-counts
@version        3.2.1
@description    Twitterのタイムラインに表示されるインプレッション数とブックマーク数を非表示にします。
@author         mmahhi <mmahhi@s203.xrea.com> (http://mmahhi.s203.xrea.com/)
@license        MIT
@preprocessor    stylus
@var checkbox view-counts 'Hide View Counts' 1
@var checkbox bookmark-counts 'Hide Bookmark Counts' 1
@var checkbox restore-rt '(English/Japanese Only, Unavailable) Restore Retweet(Repost) Counts' 1
@var checkbox restore-qrt '(Japanese Only, Unavailable) Restore Quote Tweet Counts' 0
@var checkbox fixd-bookmark-counts '(Japanese Only, Unavailable) Fix Bookmark Counts' 1
@var checkbox firefox-mode 'Firefox Mode (Turn this switch on if you are using Firefox, or if this does not work with it off.)' 1
==/UserStyle== */
@-moz-document url-prefix("https://twitter.com"), url-prefix("https://mobile.twitter.com"), url-prefix("https://tweetdeck.twitter.com") {
    /* Hide Twitter View Counts Ver.3.2.1 (2023/09/28) */
    if view-counts {
        if firefox-mode {
            /* ツイート下のインプレッション数 */
            article.r-1loqt21 [role="group"]:not(.r-1dgieki):not([tabindex="0"]) .r-18u37iz:not(.r-5kkj8d):nth-child(4) {
                display: none;
            }
            /* 画像表示時は表示されないため4番目も表示 */
            [role="dialog"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) .r-18u37iz:not(.r-5kkj8d):nth-child(4) {
                display: flex;
            }
            /* 共有ボタンを表示 */
            [role="group"]:not(.r-1dgieki):not([tabindex="0"]) .r-18u37iz:not(.r-5kkj8d):last-child {
                display: flex !important;
            }
            /* インプレッション数自体を非表示（予備） */
            [role="group"]:not(.r-1dgieki):not([tabindex="0"]) .r-18u37iz a[href*="analytics"] span[data-testid="app-text-transition-container"] {
                display: none;
            }
            /* ツイート詳細画面のインプレッション数 */
            /* 日付横のインプレッション数を非表示 */
            article[data-testid="tweet"] .r-1r5su4o div > div > div.r-18u37iz div + [aria-hidden="true"].r-s1qlax, article[data-testid="tweet"] .r-1r5su4o div > div > div.r-18u37iz div + [aria-hidden="true"].r-s1qlax + div {
                display: none;
            }
            article[data-testid="tweet"] > div.r-eqz5dr > div.r-1wbh5a2 > div > div > div.r-1wtj0ep > div > div.r-1d09ksm > [aria-hidden="true"], article[data-testid="tweet"] > div.r-eqz5dr > div.r-1wbh5a2 > div > div > div.r-1wtj0ep > div > div.r-1d09ksm > [aria-hidden="true"] + div > span {
                display: none;
            }
        }
        else {
            .r-18u37iz:has(> a[href*="analytics"] [data-testid="app-text-transition-container"]) {
                display: none;
            }
            .r-18u37iz:has(> a[href*="analytics"]:not([data-testid="analyticsButton"])) {
                display: none;
            }
            .r-18u37iz:has(> div > div > div > svg path[d="M8.75 21V3h2v18h-2zM18 21V8.5h2V21h-2zM4 21l.004-10h2L6 21H4zm9.248 0v-7h2v7h-2z"]:not([data-testid="analyticsButton"])) {
                display: none;
            }
            .css-1dbjc4n.r-1mf7evn:has(> .css-1dbjc4n > a[href*="analytics"] [data-testid="app-text-transition-container"]) {
                display: none;
            }
            .css-1dbjc4n.r-18u37iz:has(> .css-1dbjc4n:only-child > .css-1dbjc4n > a[href*="analytics"] [data-testid="app-text-transition-container"]) {
                display: none;
            }
            /* ツイート詳細画面のインプレッション数 */
            /* 日付横のインプレッション数を非表示 */
            article[data-testid="tweet"] .r-1r5su4o div > div > div.r-18u37iz div + [aria-hidden="true"].r-s1qlax, article[data-testid="tweet"] .r-1r5su4o div > div > div.r-18u37iz div + [aria-hidden="true"].r-s1qlax + div {
                display: none;
            }
            article[data-testid="tweet"] > div.r-eqz5dr > div.r-1wbh5a2 > div > div > div.r-1wtj0ep > div > div.r-1d09ksm > [aria-hidden="true"], article[data-testid="tweet"] > div.r-eqz5dr > div.r-1wbh5a2 > div > div > div.r-1wtj0ep > div > div.r-1d09ksm > [aria-hidden="true"] + div > span {
                display: none;
            }
        }
    }
    if bookmark-counts {
        article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div > div.r-qvutc0.r-bcqeeo {
            display: none;
        }
        [role="group"] .css-1dbjc4n.r-13awgt0.r-18u37iz.r-1h0z5md > [data-testid*="Bookmark"] > div > .css-1dbjc4n.r-xoduu5.r-1udh08x {
            display: none;
        }
        if firefox-mode {
            article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div.css-1dbjc4n {
                margin: 0;
                padding: 0;
            }
            article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div.css-1dbjc4n.r-12e0a8i.r-23eiwj > a {
                margin-right: 18px;
                padding-top: 14px;
                padding-bottom: 14px;
            }
            article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div.css-1dbjc4n.r-le9fof.r-9qu9m4 > a {
                margin-right: 19px;
                padding-top: 15px;
                padding-bottom: 15px;
            }
            article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div.css-1dbjc4n.r-1yzf0co.r-1mf7evn > a {
                margin-right: 20px;
                padding-top: 16px;
                padding-bottom: 16px;
            }
            article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div.css-1dbjc4n.r-vrmyzg.r-w0qc3r > a {
                margin-right: 22px;
                padding-top: 18px;
                padding-bottom: 18px;
            }
            article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div.css-1dbjc4n.r-mbgqwd.r-18scu15 > a {
                margin-right: 24px;
                padding-top: 19px;
                padding-bottom: 19px;
            }
        }
        else {
            article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div.css-1dbjc4n:not(:has(a)) {
                margin: 0;
                padding: 0;
            }
        }
    }

    if restore-rt {
        [lang="ja"] [data-testid="tweet"] a[href*="/retweets"]:not([href*="/retweets/with_comments"]) > span > span {
            font-size: 0 !important;
            line-height: 0;
        }
        [lang="ja"] [data-testid="tweet"] a[href*="/retweets"]:not([href*="/retweets/with_comments"]) > span > span:before {
            content: "件のリツイート";
            font-size: 14px !important;
        }
        [lang="en"] [data-testid="tweet"] a[href*="/retweets"]:not([href*="/retweets/with_comments"]) > span > span {
            font-size: 0 !important;
            line-height: 0;
        }
        [lang="en"] [data-testid="tweet"] a[href*="/retweets"]:not([href*="/retweets/with_comments"]) > span > span:before {
            content: "Retweets";
            font-size: 14px !important;
        }
    }
    
    if restore-qrt {
        [lang="ja"] [data-testid="tweet"] a[href*="/retweets/with_comments"] > span > span {
            font-size: 0 !important;
            line-height: 0;
        }
        [lang="ja"] [data-testid="tweet"] a[href*="/retweets/with_comments"] > span > span:before {
            content: "件の引用ツイート";
            font-size: 14px !important;
        }
    }

    if fixd-bookmark-counts {
        [lang="ja"] article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div > div.r-qvutc0.r-bcqeeo > span > span {
            font-size: 0 !important;
            line-height: 0;
        }
        [lang="ja"] article[data-testid="tweet"] [role="group"]:not(.r-1dgieki):not([tabindex="0"]) > div > div.r-qvutc0.r-bcqeeo > span > span:before {
            content: "件のブックマーク";
            font-size: 14px !important;
            cursor: text;
        }
    }
}

Reviews

No reviews yet.