AFFINGER5AFFINGER5でAdSenseのレスポンシブ広告を全幅に広げる方法2018年7月12日AFFINGER5でAdSenseを全幅にする方法は、画面幅いっぱいに表示させたいAdSenseの広告コードを、以下の<div>タグで囲むだけです。st-eyecatch-under">AdSense広告コード</div>AdSenseヘルプでは「data-full-width-responsive="true"」パラメータを追加するよう案内がありますが、これだとレイアウトが崩れるため、現状では、この方法が最適です。目次AdSenseを全幅にするメリットAFFINGER5でAdSenseを全幅にする方法AdSenseが全幅になる仕組みは?AdSenseを全幅にするメリットAdSenseヘルプによると、全幅サイズのレスポンシブ広告は収益が上がるようです。レスポンシブ広告ユニットがモバイル端末上のユーザーの画面の全幅サイズに展開されることが多くなります。この設定により、収益増加の可能性が見込めます。行ったテストの結果、モバイル端末が縦表示の場合には、全幅サイズのレスポンシブ広告で成果が上がることが判明しています。出典:https://support.google.com/adsense/answer/7445870AFFINGER5でAdSenseを全幅にする方法AdSenseヘルプでは、レスポンシブ広告コードに「data-full-width-responsive="true"」パラメータを追加するよう案内があります。これだとレイアウトが崩れたため、「テキスト広告とディスプレイ広告」と「記事内広告」は異なる方法で全幅にします。テキスト広告とディスプレイ広告を全幅にするレスポンシブサイズに指定した「テキスト広告とディスプレイ広告」は、以下のようにします。[]).push({});</script></div>「××××××」には、ご自身の広告コードを入力してください。「data-ad-format="auto"」を「rectangle」に変更すると、縦幅を広げられます。AdSenseの横に細長いレスポンシブ広告の縦幅を広げる方法AdSenseのレスポンシブ広告が、パソコン画面で見ると横に細長く、縦幅が狭いときの解消法をご紹介します。続きを見る記事内広告を全幅にするAdSenseの記事内広告は、自動的にレスポンシブ広告となっています。デフォルトではレイアウトが崩れるため、以下のようにすることでレイアウトを整えつつ、全幅に広げることができます。[]).push({});</script></div>「××××××」には、ご自身の広告コードを入力してください。記事内広告の場合は、「data-full-width-responsive="false"」パラメータを追加しないとレイアウトが崩れるようなのでご注意を。AdSenseのレイアウトが崩れる(表示がずれる)原因と対処法AdSenseがコンテンツからはみ出て表示される(画面の右か左に寄ってしまう)原因と解決策をご紹介します。続きを見るAdSenseが全幅になる仕組みは?上記のコードで全幅になる仕組みは、AFFINGER5独自の仕様によるものです。AFFINGER5では、アイキャッチ画像を全幅(画面幅いっぱい)に表示できるようになっています。st-eyecatch-under">であり、画像はこのコードで囲まれています。これをAdSenseにも応用しました。このカスタマイズがポリシー違反になるか分かりませんが、広告コード自体を改変したものではないため、今のところ問題はないかと思います(保証はしません)。AFFINGER5の今後のアップデートにより表示が崩れる可能性もあるため、よく確認しながら変更してください。AFFINGER5でアイキャッチ以外の画像をワイド化する方法AFFINGER5で、アイキャッチ以外(記事内)の画像をワイド化(画面幅いっぱいに表示)する方法をご紹介します。st-eyecatch-under">で囲みます。Googleが行ったテストの結果、モバイル端末が縦表示の場合には、全幅サイズのレスポンシブ広告で成果が上がることが判明しているようです。AdSenseで収益を上げたいAFFINGERユーザーは、この方法を試してみてください。ちなみに、AMPページのAdSense広告も、全幅に表示させることも可能です。AFFINGER5のAMPページに全幅のAdSenseを表示する方法AFFINGER5のAMPページに、全幅のAdSenseレスポンシブ広告を表示する方法をご紹介します。Optimizer」を使い、次世代画像フォーマット「WebP(ウェッピー)」に変換する方法を解説します。WordPressAdSenseの「ページビュー」と「表示回数」の違い2019/4/3AdSenseのレポートでよく見る「ページビュー」と「表示回数」の意味の違いを解説します。Form7」を利用せずに、Googleが提供する「Googleフォーム」を使ったお問い合わせフォームの作り方をご紹介します。プラグインBOKUこのサイトのほか、いろんなブログをWordPressで作っている男。テーマはAFFINGER5を愛用。BOKU関連記事AdSense2020/1/101つのブログを複数のアドセンスアカウントで収益化できる?方法と注意点1つのブログ(サイト)を複数のアドセンスアカウントで収益化することは可能です。この記事では、実際に1つのブログを複数のアドセンスアカウントで収益化してみたので、その方法とつまづいた点(注意点)をご紹介します。冒頭でも触れた通り、1つのブログ(サイト)を複数のアドセンスアカウントで収益化することは可能です。...AFFINGER52019/8/9AFFINGE5おすすめヘッダーカードのキャッチコピー表示方法AFFINGER5(WING)のver20190801βより、おすすめヘッダーカードにキャッチコピーを表示できるようになりました。キャッチコピーはどうすれば表示されるのか?設定方法を解説します。AFFINGER52019/8/9AFFINGER5ヘッダー用メニュー(横列)のタイトル属性の設定法AFFINGER5(WING)のver20190801βより、ヘッダー用メニュー(横列)が設定できるようになりました。ヘッダー用メニュー(横列)では、タイトル属性でサブテキストも表示できますが、このタイトル属性が表示されないことがあります。AFFINGER52019/5/17AFFINGER5に「この記事は約何分で読めます」を表示する方法WordPressテーマ「AFFINGER5(WING)」の記事上に、自動的に「この記事は約何分で読めます」と表示させるカスタマイズをご紹介します。AMP2019/3/17AFFINGER5のAMPにスティッキー広告(追尾広告)を表示させる方法WordPressテーマ「AFFINGER5(WING)」のAMPページにスティッキー広告を表示させる方法を解説。AFFINGER52019/3/14AFFINGER5の404ページのカスタマイズ方法とサンプルWordPressテーマ「AFFINGER5(WING)」では、ウィジェットから404ページをカスタマイズ可能です。