adblock(広告削除)設定している場合はページを表示させない

2016/01/22

iPhoneのSleipnirでネットをしていると「広告がブロックされたのでページを表示できません」というメッセージを出すサイトがあった。それまで知らなかったんだけどSleipnirにはadblock的な広告排除機能があるみたい。

そこで、どのような方法でadblock対策をしているのかが気になった。見てみたところ割とシンプルに対策できるみたい。以下がサンプルとソース。

■サンプル

http://sample.taitan916.info/adblock/

■ソース

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>広告ブロック対策のテスト</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function() {
	setTimeout(function() {
		if ($('.adsense').find('span,iframe').is(':visible')) {
			$('block_message').hide();
		} else {
			$('.block_message').show();
			$('.contents').hide();
		}
	}, 1000);
});
</script>
</head>
<body>
	<div class="contents">
		body<br>
		body<br>
		body<br>
		body<br>
		body<br>
		body<br>
		body<br>
		body<br>
		body<br>
	</div>

	<div class="adsense">
		<!-- ここにアドセンスコード入れる -->
	</div>

	<div class="block_message" style="display:none;">
		広告がブロックされている為、コンテンツを表示できません。
	</div>

</body>
</html>

<head>

<title>広告ブロック対策のテスト</title>

$(function() {

setTimeout(function() {

if ($('.adsense').find('span,iframe').is(':visible')) {

$('block_message').hide();

} else {

$('.block_message').show();

$('.contents').hide();

}

}, 1000);

});

</script>

</head>

<body>

body<br>

</div>

</div>

広告がブロックされている為、コンテンツを表示できません。

</div>

</body>

</html>

■その他

classがadsens内のiframeを探して非表示状態であればコンテンツを非表示にし、警告文を表示させるというもの。

あとは以下のようなスクリプトもあった。

antiblock.org

http://antiblock.org/

Downloadのリンクからソースを取得できる。ただ、PCでは正常に動いたけどiPhoneでは動かなかった。

- jQuery

: imgタグとPHPでグラフ作成

プラグインやライブラリを使わずにグラフを作る機会があったのでメモ。 ■サンプル ...

: 八地方区分→都道府県→路線→駅名の連携したセレクトメニュー

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

: tableのヘッダーを残して表示(jquery-decapitate)

bootstrapはあまり使わないので切り離して使えるようにしたいところ。 ■ ...

: テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、ユーザー用でも管理用でも使えそう。 ...

: スワイプ・フルスクリーン・サムネイル対応のjQuery画像ビューア

タブレット＆スマホでの閲覧が想定されているページで、スワイプ・サムネイル・フルス ...

: jQueryで画像が存在すれば表示、なければノーイメージ画像を表示

やりたかった事は以下の通り。・画像のURLはcode.jpgみたいになってる ...

: chardin.jsを利用して注釈を入れる

簡易マニュアルとかでむっちゃ使えそう。 ■chardin.js http://h ...

: 画像をサムネイル⇔クリックで拡大(lightbox)

画像をサムネイル表示してクリックしたら大きく表示するというのがlightbox ...

: クリップボードの操作

<? /* クリックでクリップボードにコピーする。 http://zxcv ...

: jQueryで画像(タグ内)のsrc情報を取得する場合

すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...

PREV: WordPressのxmlrpc.phpへの攻撃
NEXT: サーバーリソース監視にsar(sysstat)が便利だった

adblock(広告削除)設定している場合はページを表示させない

関連記事