コピペでOK。iOS9のAdBlockが有効な場合にページの表示を無効にするサンプル
2015年09月24日-
sitexw/FuckAdBlock GitHub
iOS9のAdBlockerが話題となっていますが、FuckAdBlockを使うことでAdBlockerがインストールされているかどうかの検出が可能です。
iOS9のAdBlockが有効な場合にページの内容を無効にするサンプルを、非プログラマの方でもコピペで簡単に使えるように書いてみました。
現状、有料アプリで1位となっているため、サイトの利用者層によっては、これから売上等に影響が出てくるのかもしれません。
有効・無効によってUserAgent等が書き換わらないため、こういったライブラリはイタチごっことなるのかもしれませんが、便利に使えるようでした。
<script type="text/javascript" src="path/to/fuckadblock.js"></script>
<script type="text/javascript">
// AdBlockerが検出されなかった場合に呼び出される関数
function adBlockNotDetected() {
}
// AdBlockerが検出された場合に呼び出される関数
function adBlockDetected() {
// MARK: コンテンツを書き換える
document.write('コンテンツを閲覧するにはAdBlockerをオフにしてください');
}
// fuckadblock自体がブロックされた場合においての対策
if(typeof fuckAdBlock === 'undefined') {
adBlockDetected();
} else {
// fuckAdBlockの初期化
fuckAdBlock.on(true, adBlockDetected).onNotDetected(adBlockNotDetected);
}
// オプションの設定
fuckAdBlock.setOption({
checkOnLoad:true, // ページ読み込み時に発動
resetOnEnd:false // チェック後にイベントを終了
});
</script>
ほぼサンプルそのままですが(^^;) 無駄な部分を省いてコメントを日本語化して使いやすくしてみました。
adBlockDetected関数の中身でCookie等に属性を設定する等して、サーバ側でブロックされていないアドネットワークに切り替えたり、一部コンテンツを非表示・無効化するなどしてサイトにあわせて対策を考えられそうです。
お使いのサーバに fuckadblock.js をダウンロードし、path/to/fuckadblock.js へのパスは書き換えてご利用下さい。
関連エントリ
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ