VIVABlogコンテンツへスキップVIVABlogWordPressやMovableTypeのカスタマイズやWebサイトの制作・運営に役立つ情報など。adblockが有効になっています。9にコンテンツブロックアプリが登場したことで、Webでの広告の扱いがややシビアになりつつあります。そこで、Adblock系アドオンを有効にしている場合に、コンテンツを非表示にするという手法をとるブログなんかもチラホラ見掛けるようになってきました。この方法は、CSSを使えば案外簡単にできるので、試験的に導入してみるのもいいかもしれません。当ブログではコンテンツは表示させたまま、一応案内らしきものをオーバーレイで表示させることにしました。アクセスありませんし、広告収入も雀どころかアリの涙程度なので、今更アクセスが減ってもどーってことないやという感じなので気楽です。これが本気で運営しているサイトだと、訪問者の利便性との兼ね合いから、導入するか否かの判断はかなり迷うところでしょう。none;}adspace.cssをサーバーにアップロード。/>Adblockが有効の場合:adspace.cssを読み込まないので、「id=“a-alert”」が表示され「class=“adspace”」が非表示になる。Adblockが無効の場合:adspace.cssを読み込むので、「id=“a-alert”」が非表示になり「class=“adspace”」が表示される。Fifteenテンプレートを使用しています。下にオーバーレイのタグを入力しました。z-index:1;">adblockが有効になっています。アップロードして、テンプレートのヘッダーで読み込み。オーバーレイのタグを適当な箇所に入力。0;">adblockが有効になっています。class=“adspace”で囲うと追記部分が非表示になって良い感じです。9」のコンテンツブロックアプリには使えません。