ツイートするシェアするピンするブクマするあとで読むLINEで送るAdSenseのレスポンシブ広告をタイトル下辺りに設置しました。すると、モバイル表示のとき、広告のサイズがレクタングルで表示されてしまいました。AdSenseで取得したコードをそのまま使い設置したのですが、ファーストビューでいきなりこんな大きな広告が出るのはどうかと思い、広告コード改変の許可範囲内でカスタマイズしてみました。目標としましては、下図のようにレスポンシブに対応し、モバイル表示でも横長の広告が表示されるようにしてみます。通常のディスプレイ広告(レスポンシブ対応)は、以下のようなコードになっています。data-ad-clientとdata-ad-slotは仮のものなので必ずご自分の設定を確認してください。このコードを許可範囲内でカスタマイズします。横長の広告に指定したいので、6行目data-ad-formatの行を修正します。data-ad-format="auto"の"auto"を"horizontal"に変更します。これで、横長広告を表示するように設定できます。PC表示時はうまくいったのですが、モバイル表示だとレクタングル広告が表示されてしまいました。これは、モバイル表示の場合、レスポンシブ広告ユニットが全幅サイズに自動拡張される動作をするようパラメータが設定されていた為のようです。上記コードの7行目にあるdata-full-width-responsive="true"をdata-full-width-responsive="false"に変更してみましょう。すると、全幅サイズに自動拡張されなくなり、モバイル表示でも横長広告が表示されるようになります。カスタマイズ後のコード(例)Google様が行ったテストによると、モバイル縦表示の場合、全幅サイズのレスポンシブ広告で成果が上がるという結果がでているようです。data-full-width-responsiveを無効にするカスタマイズをする場合はこのことを理解した上で自己責任で設定をしてください。Yamamoto広島県広島市育ち、現在岡山でWeb制作の仕事をしています。「Web関連で勉強したこと、役立つアイディア」をテーマにした内容を備忘録としてブログに書いています。大学卒業後は勤務している会社のWeb制作を担当。小規模サイトから大学公式サイトの制作・運営などに携わっています。Date」NEXT最新画像フォーマットWebPなどに対応した画像圧縮Webアプリ「Squoosh」コメントはこちらコメントをキャンセルコメント名前メールアドレス次回コメントで使用するためブラウザに自分の名前、メールアドレスを保存する。JunJunWeb.Net。