AdSenseのレスポンシブ広告をタイトル下辺りに設置しました。すると、モバイル表示のとき、広告のサイズがレクタングルで表示されてしまいました。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を無効にするカスタマイズをする場合はこのことを理解した上で自己責任で設定をしてください。