AdSense on qwerty.work

AdSense関係でChromeのコンソールにCORS関係のエラーが出るとき

Sun, 12 Dec 2021 21:28:19 +0900

赤文字でエラーが出る

Lighthouseのベンチマークをしているときに、Chromeのコンソール（F12押すと表示されるやつ）に以下のような警告が出ているのを見つけました。面倒くさいので放置していたのもありますが、本腰入れて解決してみようとやってみたらうまくいったのでメモ。

No ‘Access-Control-Allow-Origin’ headerと出るとき

Access to XMLHttpRequest at ‘https://bid.g.doubleclick.net/dbm/～’ from origin ‘https://googleads.g.doubleclick.net’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

オリジン ‘https://googleads.g.doubleclick.net’ からの ‘https://bid.g.doubleclick.net/dbm/～’ における XMLHttpRequest へのアクセスは CORS ポリシーによりブロックされています。リクエストされたリソースに’Access-Control-Allow-Origin’ヘッダが存在しません。- DeepL翻訳ツール

解決方法

.htaccessに以下の記載をしたところ、エラーが出なくなりました。

Access-Control-Allow-Origin *

他に見つけた書き方

以下のような書き方もあるようです。頭にHeader setを加えた方法です。

Header set Access-Control-Allow-Origin *
Header set Access-Control-Allow-Origin https://bid.g.doubleclick.net https://～

他にも見つけたオプション

Access-Control-Allow-Methods: GET, HEAD, POST, PUT, PATCH, DELETE, OPTIONS
Access-Control-Max-Age: 1728000
Access-Control-Allow-Credentials true

net::ERR_BLOCKED_BY_RESPONSEが出るとき

GET https://ad.atdmt.com/i/～ ad.atdmt.com/i/～ net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin 200

解決方法

.htaccessに以下の記載をしたところ、エラーが出なくなりました。

X-Frame-Options SAMEORIGIN

他に見つけた書き方

以下のような書き方もあるようです。頭にHeader setやHeader appendを加えた方法です。

Header set X-Frame-Options ALLOW-FROM https://ad.atdmt.com
Header set X-Frame-Options ALLOW-FROM *
Header set X-Frame-Options SAMEORIGIN
Header append X-Frame-Options SAMEORIGIN
header always append X-Frame-Options SAMEORIGIN

参考サイト

https://www.movabletype.jp/documentation/cloud/guide/cfg-htaccess-usage-apache.html https://www.movabletype.jp/documentation/cloud/guide/cfg-htaccess-usage-apache.html

https://webllica.com/deny-iframe-access-by-htaccess/ https://webllica.com/deny-iframe-access-by-htaccess/

https://exerror-com.translate.goog/google-recaptcha-v3-getting-console-error-neterr_blocked_by_response-200/?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=sc https://exerror-com.translate.goog/google-recaptcha-v3-getting-console-error-neterr_blocked_by_response-200/?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=sc

https://www-codesd-com.translate.goog/item/google-adsense-cors-and-rails-in-safari-empty-thousands-of-console-errors.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=sc https://www-codesd-com.translate.goog/item/google-adsense-cors-and-rails-in-safari-empty-thousands-of-console-errors.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=sc

https://developers-google-com.translate.goog/interactive-media-ads/docs/sdks/html5/client-side/cors?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=sc https://developers-google-com.translate.goog/interactive-media-ads/docs/sdks/html5/client-side/cors?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=sc

https://support-google-com.translate.goog/authorizedbuyers/answer/3202326?hl=en&_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=sc https://support-google-com.translate.goog/authorizedbuyers/answer/3202326?hl=en&_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=sc

【2020年5月】AdSenseの収益とページビュー・ユーザーが急に減ってきた

Sun, 24 May 2020 20:31:08 +0900

4月末あたりからなんかおかしいぞ

4月末あたりから、一日あたりの**AdSenseの収益が通常の半額から1/3まで減ってきました。**どういうこっちゃ？

なんかペナルティでもくらってるのかな？
たまたまクリック率が低かったのかな？
ゴールデンウィークだからかな？
まあゴールデンウィークとコロナのテレワーク生活が終われば復活するでしょう

と2～3日様子を見ていたのですが、状況は変わりませんでした。こままじゃまずいぞということで、

サイトの表示スピード高速化
広告の配置を変更

などを試しては1～2日様子を見ては変更を加えていきましたが、全然改善されません。

先月と比べてページビューが10万も減少している…。

Googleアナリティクスで訪問者数やページビューを調べてみました。

直近6ヶ月のアクセス状況

期間
ユーザー
新規ユーザー
セッション
ページビュー




  2019/11/25～2019/12/25
  67,088
  61,722
  78,055
  173,249


  2019/12/25～2020/01/24
  69,626
  64,679
  81,256
  182,522


  2020/01/25～2020/02/24
  70,798
  65,526
  83,324
  186,429


  2020/02/25～2020/03/24
  70,494
  65,032
  83,197
  185,985


  2020/03/25～2020/04/24
  81,977
  76,750
  96,546
  212,513


  2020/04/25～2020/05/24
  55,510
  51,709
  64,614
  116,153


  平均
  69,249
  64,236
  81,165
  176,142

ページビューに関しては前月まで順調に上がってきて月間20万PVを達成できたのに、いきなり半分の10万PVに…。平均値と比べても約5万PV減少しています。

訪問者に関しても前月に比べて-25,000～-30,000ユーザー減っています。

そりゃ収益下がるわ！

AdSenseもインプレッション収益が下がっていた

AdSenseのレポートは同じように直近6ヶ月の月別の値を調べてみました。

ページCTR … 平均0.95％で、どの月も平均値とほぼ同じで変化なし
クリック率 … 平均0.22％で、どの月も平均値とほぼ同じで変化なし
ページインプレッション収益 … 平均の半額まで落ちてた
インプレッション収益 … 平均の半額まで落ちてた

一番落ちて欲しくないインプレッション収益が半分になっていました。もしかしてページの価値が下がった？！

Googleのコアアルゴリズムアップデートが原因！？

ページビューが10万も下がり、インプレッション収益も半分に…何かあったのかな？と検索してみたら2020年5月5日にGoogleのコアアルゴリズムアップデートがあったみたいです。これが原因かも？

順位の変動で検索ヒット率が下がったこと
低収益なジャンルに分類されたこと

こうなったんじゃないかと思います。いろんなSEO関連のブログを検索してみたところ、今回のコアアップデートで、「健康と医学」「財務、金融、法律」といったYMYL系のキーワードを含めて各ジャンルの順位変動幅が軒並み大きくなっているそうです。

私のように**『順位が下がった＆アクセス数減＆収益減』の方もいれば、逆に『順位が上がった＆アクセス数増＆収益増』**の方もいらっしゃるかと思います。

今後どうする？

今はコロナウィルスのことで生活が普通とは状況が違うと思うので、検索に関しても通常とは違う検索が多くされているのではないかと思います。他にもコロナウィルス感染拡大によって企業の業績悪化に伴い広告宣伝費の低下もあるかもしれません。しかし、普通の生活に戻ったからと言って、今回のコアアップデートでかなり検索ヒット率が変わっていて、元の水準に戻らないかもしれませんので、いろいろチューニングを施さなきゃなと思っています。

たとえ高収益でも焦って無理に不得意なジャンル変更はしない
今あるページや今後投稿する内容をより詳細なものにしていく
もっと読みやすいレイアウトやデザインにしていく
今まであまり気にしていなかった順位や収益を分析して細かい変動に対処する

特に今すぐできる特効薬みたいな方法も見当たりませんし、トップアフィリエイターがやっているようなことはマネできないと思いますが（他に趣味があるのでそんなに労力かけれないので）、それなりに以前の水準に戻す努力を焦らずコツコツやるしかないって感じですね。

ちょっと気にして見たブログ

https://buzzence.com/blog/blog-owakon/ https://buzzence.com/blog/blog-owakon/

https://yuushablog.info/google-adsense/ https://yuushablog.info/google-adsense/

https://www.sho-design.net/adsense-million-earning/ https://www.sho-design.net/adsense-million-earning/

https://halohalo.space/archives/5492 https://halohalo.space/archives/5492

AdSnseの広告に出る黄色の背景を消すCSS（スタイルシート）

Sat, 23 May 2020 15:02:46 +0900

余計な黄色の背景や余白を消す

AdSense広告を設置したページを開くと、広告が表示される部分に広告は表示されていないけど、全面に黄色い背景が表示されていたり、広告は表示されているけど、黄色い部分が一部表示されていたります。

これをそうにかできないかな？と方法を探したところ、消すというよりCSS（スタイルシート）で透過せることで解決できることがわかりました。

CSS（スタイルシート）例

以下の1行を既存のスタイルシートか、AdSenseの広告コードに加えるだけです。このコードは**『透明』**を意味するスタイルシートのコードです。これでAdSense広告の背景を透過させることができます。

background: transparent;

AdSenseの広告コードに加えた例

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 <ins class="adsbygoogle"
 style="display:block; text-align:center; <span class="brush:css;">background: transparent;</span>"
 data-ad-layout="in-article"
 data-ad-format="fluid"
 data-ad-client="ca-pub-XXXXXXXXXXXXXXXXX"
 data-ad-slot="XXXXXXXXXXX"></ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
 </script>

スタイルシートに加えた例

複数のAdSense広告があり、全部ページに共通のCSSで適用する場合は、以下の1行を加えればOKです。

.adsbygoogle { background: transparent;}

黄色の部分が消えた！

これで黄色い背景部分が消えました。ただ、背景を透明（透過）にするだけなので、広告部分を縮める訳ではないので余白部分ができます。

AdSenseの広告を遅延表示させてスコア改善とページ表示スピードを高速化

Thu, 14 May 2020 23:39:54 +0900

AdSenseの表示を速くしたいのであえて遅延表示？！

AdSenseの広告を表示させるとどうしてもページの表示が遅くなります。広告の数が多いほど遅くなります。そのせいでGTmetrixやPageSpeed Insightsのスコアが悪くなります。なんとかページの読み込みと表示を速くしたいと、

DNS-PrefetchとかPreloadを使う
広告の数だけあったhttps://pagead2.googlesyndication.com/pagead/js/adsbygoogle.jsを一つだけにする
他のJSやCSSと一緒にまとめてasyncまたはdeferで読み込む

など、いろいろ試して少しはページ表示スピードやスコアがよくなったのですが、どうしても納得がいきませんでした。

そこで、いろいろ角度で調べていると、**『逆に遅延させるといい』**という方法を見つけました。以下にソースを貼っておきますが、効果ありました！PageSpeed Insightsでスコアが安定して90点以上出るようになりました。

↓ 遅延表示させたらスコアが上がった！

導入手順

ページのソース内にある ``をすべて削除
以下のスクリプトソースを``直前に貼る

adsbygoogle.jsを遅延読み込みするので、ページソース内に一つでも残っていると効果が無くなります。一つも見逃さないように削除してください。

スクリプトソース

ページが表示された後にマウス操作やページスクロールが行なわれたらAdSenseの広告の読み込みが始まるスクリプトですが、何もアクションがないと全く広告が表示されないので、参考にさせていただいたソースに少しを手をくわえ、何もアクションが無くても3秒後に表示を開始するようにしました。

40行目あたりのwindow.setTimeout(onLazyLoad,3000)がその部分にあたります。

ページ閲覧者の環境やサーバーの負荷状況にもよるとお思いますが、1～2秒の遅延はあまり効果がなく、3秒（3000ミリ秒）以上の設定で試したところ、安定していいスコアが出るようになりました。

<script type="text/javascript">
(function(window, document) {
  function main() {
    // GoogleAdSense読込み
    var ad = document.createElement('script');
    ad.type = 'text/javascript';
    ad.async = true;
    // 新コードの場合、サイト運営者IDを書き換えてコメントアウトを外す
    //ad.dataset.adClient = 'ca-pub-7180830494628299';
    ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
    var sc = document.getElementsByTagName('script')[0];
    sc.parentNode.insertBefore(ad, sc);
  }

  // 遅延読込み
  var lazyLoad = false;
  function onLazyLoad() {
    if (lazyLoad === false) {
      // 複数呼び出し回避 + イベント解除
      lazyLoad = true;
      window.removeEventListener('scroll', onLazyLoad);
      window.removeEventListener('mousemove', onLazyLoad);
      window.removeEventListener('mousedown', onLazyLoad);
      window.removeEventListener('touchstart', onLazyLoad);
      window.removeEventListener('keydown', onLazyLoad);
      main();
    }
  }
  window.addEventListener('scroll', onLazyLoad);
  window.addEventListener('mousemove', onLazyLoad);
  window.addEventListener('mousedown', onLazyLoad);
  window.addEventListener('touchstart', onLazyLoad);
  window.addEventListener('keydown', onLazyLoad);
  window.addEventListener('load', function() {
    // ドキュメント途中（更新時 or ページ内リンク）
    if (window.pageYOffset) {
      onLazyLoad();
    }
  //何もアクションがないときは指定秒数後に読み込み開始（ミリ秒）
  window.setTimeout(onLazyLoad,3000)
  });
})(window, document);
</script>
<!--/ Adsense 遅延読み込み -->

新コードと旧コードの見分け方

AdSenseの広告ユニットのコードの新旧は以下のような違いがあると、参考ページにはありました。それによって上記スクリプトの一部を変更する必要があるみたいです。

新コード例

<script data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

旧コード例

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
  google_ad_client: 'ca-pub-XXXXXXXXXXXXXXXX',
  enable_page_level_ads: true
});
</script>

私の環境の場合

自動広告と手動広告の両方があり、以下の2種類のタグがありました。

//自動広告
<script data-ad-client="ca-pub-7180830494628299" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

//手動広告
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <ins class="adsbygoogle"
       style="display:block; text-align:center;"
       data-ad-layout="in-article"
       data-ad-format="fluid"
       data-ad-client="ca-pub-7180830494628299"
       data-ad-slot="4445374565"></ins>
  <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
  </script>

新コードなのか、旧コードなのかよくわからなかったのですが、広告タグにサイト運営者のIDに違いがあったので、

data-ad-client　→　新コード
google_ad_client　→　旧コード

と、見分ければいいのかな？と解釈しました。

どちらもdata-ad-clientしかないので新コードになるかと思われます。ですが、これをそれぞれ広告コードのdata-ad-clientを残したまま、src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"を削除して以下のようにしました。

//自動広告
<script data-ad-client="ca-pub-7180830494628299"></script>

//手動広告
  <ins class="adsbygoogle"
       style="display:block; text-align:center;"
       data-ad-layout="in-article"
       data-ad-format="fluid"
       data-ad-client="ca-pub-7180830494628299"
       data-ad-slot="4445374565"></ins>
  <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
  </script>

スクリプトソース中のad.dataset.adClient = 'ca-pub-7180830494628299';の部分はコメントアウトしました。自動/手動の広告タグもスクリプトソース中のサイト運営者IDが入っているので、私の環境の場合はスクリプトソース中のコメントアウトはどちらでもいい感じです。

参考ページ

あとは収益が上がるのか下がるのかが気になるところ

ここまでやってスコアは良くなりましたがAdsenseの収益にどう影響が出てくるのか気になるところ。スコアが高くなったから収益も上がって欲しいのですが、上がるとは限らず、逆に下がったら手を加えた意味がありません。当分、観察が必要です。

AdSenseの表示を高速化するために「DNS Prefetch」であらかじめ先読みする

Mon, 05 Mar 2018 21:17:48 +0900

きっかけはうっかりテーマを初期化

ブログのデザインをそろそろ変えようかな～とWordpress感覚で試しにMovableTypeのテンプレートをテーマを変更したら、以前のテンプレートがすべて初期化されてしまいました…。

それまではCloudFlare（CDN）と組み合わせてGTmetrixやPageSpeed Insightsの計測でページの表示が1～2秒台でした。

以前のテーマに戻してもコツコツ構築してきた高速化さるための設定を加えたテンプレートがすべて消えしました…。Wordpressの感覚でテーマの雰囲気だけ見たかっただけなのに完全に初期化されてしまいました。バックアップもしていなかったのでショックです。MovableTypeの場合は管理画面の［ツール］-［テーマのエクスポート］からバックアップをとっておかないといけなかったみたいです…。

後戻りもできないので初期化ついでに新しいテーマに変え、コツコツいじってレイアウトやらデザインを変更して、計測したら10～15秒台まで落ちてしまいました。そのうちの5～6秒がサーバーの応答時間でした。なんでだろう？

いままでどうやって高速化のしてきたのか施した方法が思い出せませんが、新しいテーマでのAdSenseの広告表示のもたつきがきになるので、とりあえずここの読み込みを速くできないかな？と調べているとdns-prefetchというのを見つけました。

DNS Prefetchであらかじめ先読み

DNS Prefetchは特定のホスト名に対するDNSの事前解決を強制的に行うもののようです。このブログではどのページにも共通してAdSenseを表示しているので、そういったURLはあらかじめ以下のタグで事前読み込みしておくURLを指定します。効果がどのくらいあるのか確認はしていませんが、とりあえずメモ。

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//pagead2.googlesyndication.com">
<link rel="dns-prefetch" href="//googleads.g.doubleclick.net">
<link rel="dns-prefetch" href="//googleads4.g.doubleclick.net">
<link rel="dns-prefetch" href="//tpc.googlesyndication.com">
<link rel="dns-prefetch" href="//www.gstatic.com">

****の直後あたりでとにかく上の方に書くといいみたいです。SNSのシェアボタンや外部のJavaスクリプトの読込にも使えるようです。

ChromeによるHTTPSでのDNS Prefetch

以下のページを日本語に翻訳してみたところ、「ChromiumはHTTPSページに表示されるハイパーリンク内のホスト名をプリフェッチしません。」とあります。

http://dev.chromium.org/developers/design-documents/dns-prefetching http://dev.chromium.org/developers/design-documents/dns-prefetching

一瞬ドキッとしましたが、最初の1行目のコレ↓でHTTPSページでもChrome（ブラウザ側）のDNS preftch が有効化されるみたいです。いろいろな参考ページで省略されていましたが、絶対書いたほうがよさそうです。

<meta http-equiv="x-dns-prefetch-control" content="on">

Javascript化してソースの見栄えを整理するする

たくさんのURLを事前読込するとタグ下に****がズラズラ並んでソースの見栄えが悪くなります。これを解消したい場合は以下が参考になります。以下のページではJavascript化して先読みするURLを隠していました。

http://tokkono.cute.coocan.jp/demo/prefetch/?page=3 http://tokkono.cute.coocan.jp/demo/prefetch/?page=3

ソースを見ると、タグの直前に以下のJavascriptを読み込むコードがあります。

<!-- DNS プリフェッチの設定 -->
<script src="js/prefetch.js"></script>

そして、このJSのソースを見ると以下のようになっていました。

(function(document) {
var servers = [
　　/* evernote
　　"static.evernote.com" //*/<br>

    
　　/* pocket */
　　,"d7x5nblzs94me.cloudfront.net"
　　,"widgets.getpocket.com"<br>

	
　　/* mixi
　　,"img.mixi.net"
　　,"static.mixi.jp"
　　,"plugins.mixi.jp" //*/<br>

	
　　/* google analytics, google +1 */
　　,"oauth.googleusercontent.com"
　　,"ssl.gstatic.com"
　　,"accounts.google.com"
　　,"apis.google.com"
　　,"www.google-analytics.com"<br>

	
　　/* facebook */
　　,"www.facebook.com"
　　,"s-static.ak.facebook.com"
　　,"static.ak.fbcdn.net"
　　,"static.ak.facebook.com"
　　,"connect.facebook.net"<br>

	
　　/* twitter */
　　,"twitter.com"
　　,"cdn.api.twitter.com"
　　,"p.twitter.com"
　　,"platform.twitter.com"<br>

	
　　/* hatena */
　　,"cdn-ak.b.st-hatena.com"
　　,"cdn.api.b.hatena.ne.jp"
　　,"b.st-hatena.com"<br>

	
　　/* zenback
　　,"web-jp.ad-v.jp"
　　,"w.zenback.jp" //*/
], i, e, link = document.createDocumentFragment();<br>

	
　　for (i = servers.length-1; i >= 0; i--) {
　　　　e = document.createElement('link');
　　　　e.setAttribute('rel', 'dns-prefetch');
　　　　e.setAttribute('href', '//' + servers[i]);
　　　　link.appendChild(e);
	}<br>

	
document.getElementsByTagName('head')[0].appendChild(link);
}(document));

が現れた時点でロードされるみたいです。クライアントサイドで実行するので0.1～0.15秒遅くなるみたいですが、ソースをゴチャゴチャさせたくない場合は試してみてください。

数値で比較しないと効果がわからないかも？

主要なほとんどのブラウザはdns-prefetchに対応しているようです。ZenbackとかSNSボタンとかに使われているドメイン20個ぐらいを指定してみたりして高速化を体感できるか試してみました。指定したドメインのすべて先読みされるのか不明ですが、ページのスピードテストしてみました。全体的にあまり表示時間は短縮されませんでした。数値で比較すればわかるのかもしれませんが、そこまで見ませんでした。体感できないレベルの効果しかないのかもしれませんが、やらないよりはやったほうがいいと思います。

表示が遅いのはサーバーかSNSシェアボタンの問題かも？

そもそもサーバーの応答時間が5～6秒かかっているので、AdSenseが遅いといういより、レンタルサーバーが遅い、またはFacebookやTwitterなどのSNSシェアボタンに問題があるのかもしれません。SNSシェアボタンのソースを見直したところ、3秒くらい短縮できました。他にも原因がありそうなので、また時間があるときに検証してみたいと思います。

参考ページ

https://qiita.com/ShinyaOkazawa/items/f95788c67114d0360e40 https://qiita.com/ShinyaOkazawa/items/f95788c67114d0360e40

http://hayashikejinan.com/wordpress/optimize/730/ http://hayashikejinan.com/wordpress/optimize/730/

http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/boostup-socials-with-dns-prefetch/ http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/boostup-socials-with-dns-prefetch/

AdSense on qwerty.work

AdSense関係でChromeのコンソールにCORS関係のエラーが出るとき

赤文字でエラーが出る

No ‘Access-Control-Allow-Origin’ headerと出るとき

解決方法

他に見つけた書き方

net::ERR_BLOCKED_BY_RESPONSEが出るとき

解決方法

他に見つけた書き方

参考サイト

【2020年5月】AdSenseの収益とページビュー・ユーザーが急に減ってきた

4月末あたりからなんかおかしいぞ

先月と比べてページビューが10万も減少している…。

直近6ヶ月のアクセス状況

AdSenseもインプレッション収益が下がっていた

Googleのコアアルゴリズムアップデートが原因！？

今後どうする？

ちょっと気にして見たブログ

AdSnseの広告に出る黄色の背景を消すCSS（スタイルシート）

余計な黄色の背景や余白を消す

CSS（スタイルシート）例

AdSenseの広告コードに加えた例

スタイルシートに加えた例

黄色の部分が消えた！

AdSenseの広告を遅延表示させてスコア改善とページ表示スピードを高速化

AdSenseの表示を速くしたいのであえて遅延表示？！

導入手順

スクリプトソース

新コードと旧コードの見分け方

新コード例

旧コード例

私の環境の場合

参考ページ

今回のスクリプトの参考にさせていただいたサイト

似たようなスクリプトの参考サイト

LazyLoadに関する他の参考サイト

Googleアドマネージャーを使っている場合の参考

あとは収益が上がるのか下がるのかが気になるところ

AdSenseの表示を高速化するために「DNS Prefetch」であらかじめ先読みする

きっかけはうっかりテーマを初期化

DNS Prefetchであらかじめ先読み

ChromeによるHTTPSでのDNS Prefetch

Javascript化してソースの見栄えを整理するする

数値で比較しないと効果がわからないかも？

表示が遅いのはサーバーかSNSシェアボタンの問題かも？

参考ページ