MENU

JavaScriptAdsense

【JavaScript】 Adsenseの画面遷移時の自動広告を無効にする

更新日:2021/04/15

 

僕が運営している別のサイトで、ダウンロードリンクをクリックすると自動広告が表示されたままになるという記事を書きました。

 

この記事内でお伝えしているJavaScriptコードを、こちらの記事で解説します。

リンククリック後のAdsense広告表示の仮説

 

コードを作成するにあたり、ページ内のリンクがクリックされてからAdsenseの自動広告が表示されるまでの流れを考察してみます。
Adsenseのスクリプトコードを解説している余裕がないので、あくまで、仮説です。

 

  1. デベロッパツールでaタグを確認すると、Adsenseはリンククリック時のイベントをセットしていないのがわかった。
  2. 画面遷移を検知して、遷移前に自動広告を表示していると仮説を立てる。
  3. だとしたら、通常の動作で遷移させなければ自動広告が表示されないはず。
  4.  

    この仮説から、コードを作成してみました。

スクリプトコード

 

作成したスクリプトコードがこちら。

 

ダウンロードリンクの自動広告を無効にするスクリプト


    window.addEventListener("DOMContentLoaded", function() {

            // [ ]内に、対象となる拡張子を記述 [ "zip" , "jpg" , "png" ]等
        const checkExt = [ 
                            "zip"
                        ].map( e=>e.toUpperCase() );

        const a = document.getElementsByTagName("a");
        for( let i = 0;i < a.length ; i ++ ){

            const orgHref = a[i].href;
            if( orgHref ){
                const href = orgHref.toUpperCase();
                if( checkExt.some( e => href.endsWith( e ) ) )
                    a[i].addEventListener( "click" , e=>{
                        e.stopPropagation();
                        e.stopImmediatePropagation();
                        e.preventDefault();
                        location.href = orgHref;
                        return false;

                    },true);
            }

        }
    });

})();

 

aタグを全て抜き出して、遷移先のURLが特定の拡張子を持っているときだけ、デフォルトの遷移動作をおこなわずにlocation.hrefで遷移させています。

 

上のコードは、一部の拡張子を持つリンクのみ無効にしていますが、拡張子チェックを外せば全てのリンククリックを無効にできます。
まあそんなことをするよりも、Adsenseの設定でモバイル全画面広告を無効にすべきですね。

最後に

 

特に解説するほどではなかった気がしますね…

 

 

けーちゃんおススメJavaScript入門書

  • スラスラ読める JavaScript ふりがなプログラミング
  • プログラム未経験者がJavaScript始めるならコレ!
    コードを掲載して自分で理解しろという投げっぱなしな入門書とは異なり、コードに一つ一つどんなことをやっているかをふりがなという形式で解説しています。
    それでいてJavaScriptの基礎と応用を学べる良書です。
  • これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん
  • JavaScriptの機能を実践で活かすにはHTMLやCSSの知識が不可欠です。
    しかしそれらの知識があることが前提として書かれている書籍が多い中、この本は総合的な知識を身に着けることができます。
    HTMLやCSSの知識も不安な方には、ぴったりの一冊です
  •  

    入門書の役割は、自分のやりたいことをネットで調べることができるようになるための、基礎的な知識の獲得です。
    まずはこれらの本でしっかりと基礎知識を身につけましょう。
    そしてもっと高度なことや専門的なことはネットで調べ、情報が足りないと感じたら書籍を購入してください。


    期間限定情報:
    7/16から7/18は63時間のビッグセール!
    欲しかったアレが安く手に入るチャンスです
    忘れずにチェックしてください!
    僕は以前のタイムセール祭りで4Kモニタが買ったけど、それより安かったらどうしよう・・・

    さらにお得なポイントアップキャンペーンも同時開催!

    記事の内容について

     

    こんにちはけーちゃんです。
    説明するのって難しいですね。


    「なんか言ってることおかしくない?」
    たぶん、こんなご意見あると思います。

    裏付けを取りながら記事を作成していますが、僕の勘違いだったり、そもそも情報源の内容が間違えていたりで、正確でないことが多いと思います。

    そんなときは、ご意見もらえたら嬉しいです。

    ご意見はこちら。
    https://note.affi-sapo-sv.com/info.php

    【お願い】

    お願い

    ■このページのURL


    ■このページのタイトル


    ■リンクタグ


    ※リンクして頂いた方でご希望者には貴サイトの紹介記事を作成してリンクを設置します。
    サイト上部の問い合わせよりご連絡ください。
    ただしサイトのジャンルによっては、お断りさせていただくことがあります。