Adblock にひっかからないようにクラス名の文末には、「ad」とか「ads」はつけないようにしたほうがいいらしい

English: Logo of Adblock plus Deutsch: Logo vo...

English: Logo of Adblock plus Deutsch: Logo von Adblock plus Español: Logo de Adblock Plus (Photo credit: Wikipedia)

これまで意識したことはなかったのですが、どうやら、id 名や class 名の文末に「ad」や「ads」を使うと、広告をブロックするアドオンが勘違いして、その要素を消してしまう場合があるようです。

詳しくは、以下の記事に書かれています。

adfafasd
広告ブロックによる崩れを防ぐサイトデザイン

4件のコメント

  1. 詠み人知らず · · 返信

    Adblockのフィルタをダウンロードして、読めば分かりますよ
    手動で設定してる人もたくさんいて、その場合は個別で拾うので対処のしようがないと思いますが
    アマゾンとか楽天はスクリプト自体を弾くようにしてますね、SNSのボタンもそうです。
    デスクトップの場合はただうざい、重いですみますけど、モバイルだと通信料に関わるから切実になってくると思いますよ。

    いいね

    1. コメントありがとうございます。ブロックすることによって表示速度をあげて通信料を節約する、というふうに使っている人もいるんですね。目から鱗でした。

      いいね

      1. 詠み人知らず · · 返信

        そうそう、思い出しましたが、Adblockをブロックするスクリプトがあったはずです。もう設置してるサイトもあったかと。
        で、更に酷いことにそのブロックするスクリプトをブロックするGreasemonkey用のスクリプトがあったりします。
        あと、表示速度だけじゃなくて、メモリを異常に食い過ぎてブラウザが固まったりするんですよ。モバイルの場合だとバッテリーのもちに関わってきますよね。重すぎる背景画像を貼ったりとかも。
        フラットデザインはその辺りも考慮されているのではと思います。
        結局はイタチごっこになるんでしょうけど。

        いいね

        1. サイトに広告を貼っている人にとっては Adblock の存在は問題でしょうけれども、現実はこんな感じで、Adblcok は人気があるようなので、このあたりの折り合いが難しいところですね。

          モバイルでの表示速度については特別の配慮が必要そうですね。私自身はあまり考えていませんでした。

          いいね

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。