便利なアプリの紹介など幅広く雑多に記録するブログ。8分4秒clrmemoryはてなブログで記事を書いた後、公開する前にプレビューなどを使って記事をチェックしますよね。前回、プレビューが原因でアドセンスから警告が来たと紹介しました。日間に、所有していないサイトに何回も表示されています」の対処法を紹介します。日間に、所有していないサイトに何回も表示されています”こんな感じの警告メッセージが表示されます。これについては、こちらで詳しく分析しているのでチェックしてください。日間に、所有していないサイトに何回も表示されています」という警告が表示されました。ことで驚愕しましたが、原因と対策を考えてみたので紹介します。...さて、このような警告メッセージを表示させないようにするためには、どのようにすれば良いのでしょうか。要は、プレビューページでだけアドセンスを非表示にできれば良いってことですよね!今回はそういったカスタマイズです。対処法を考えるアドセンスからの警告メッセージは、プレビューページの見過ぎが原因で表示されました。こんな感じで、プレビューページでもアドセンスが表示されちゃってます。プレビューページでだけ、アドセンスを非表示にしていきましょう。プレビューは基本的に自分しか見ないため、収益には影響が出ないので安心してください。実装の流れ今回の方法では、すでに実装している「アドセンスのコード」をちょっとだけ書き換えます。使用するコードはjavascript。Check注意:プレビューで非表示にする場合は、javascriptでアドセンスを実装していなければなりません。アドセンスを直接書き込んでいる場合はうまくいかないので注意してください。アドセンス広告の実装方法は人によって変わってくると思いますが、今回の記事では、以下のようなコードを例にとって紹介してみようと思います。class="post-adsense"></div>仮にこんな感じのコードで、アドセンスを実装していたとします。新しくコードを書き換える必要はなく、すでに表示できていればOKです。いうのも、実際にプレビュー画面でアドセンスを非表示にするには、アドセンスを表示させる部分を囲むだけだからなんです。アドセンスを非表示にする以外にも応用が効くってことですね。それを踏まえた上で、実際の処理を追加していきましょう。プレビューページを除外するでは実際に、はてなブログのプレビューページではアドセンス広告を表示させないようにしましょう。先ほど例に挙げたコードでプレビューページだけアドセンスを非表示にするには、このように記述します。class="post-adsense"></div>コードを見ると、実装しているのはurlという変数を用意し、location.hrefでURLを取得。indexOfで、urlに「/preview」という文字列があるか判定。}の2つを追加してあります。」を忘れないようにしてくださいね。これで、URLに「/preview」がついているページでは、アドセンスを表示させないようにできました。実際にプレビューページと公開したページで表示が変わっているのを確認してください。デザインページでも非表示になる先ほどのコードを実装すると、はてなブログのデザインページでもアドセンスが非表示になります。そのため、初めてアドセンスを実装しようという時に使ってしまうと、実装が確認できなくなるので注意してください。アドセンスの表示を確認したい時は、一度コードを外してから、また今回のコードを追加すれば大丈夫です。スポンサーリンクスポンサーリンクまとめ今回紹介した方法を使えば、プレビューページではアドセンスを表示させないようにカスタマイズできました。これでもう、アドセンスの嫌な警告メッセージを見ないで済みますね!【はてなブログ】特定の記事でアドセンスを非表示にする!カテゴリーから設定できて便利すぎた2017.8.7はてなブログで記事を書いていて、特定の記事だけアドセンスなどの広告を非表示にしたいと思ったことはありませんか。そのような場合は、カテゴリーを設定するだけで表示非表示を切り替えられるので試してみてください。...ぜひ実装してみてください。日間で、所有していないサイトに何回も表示されています」というメッセージが来た...【はてなブログ】マークダウン(Markdown)で画像の横幅と高さを指定する方法!記事を探すプロフィールクリアメモリクリアメモリは、プログラミングに関する記事やガジェットのレビュー、便利なアプリケーションの紹介など、幅広く雑多に記録するブログです。Wizardがすごい!クリアメモリ。