コピペで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 へのパスは書き換えてご利用下さい。
関連エントリ
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ