Google AdSenseで横長の大きい広告を表示させる方法

2 min

記事内に広告を含む場合があります。このサイトの記事内では「アフィリエイト広告」などの広告を掲載している場合があります。消費者庁が問題としている「誇大な宣伝や表現」とならないよう配慮しコンテンツを制作しておりますのでご安心ください。問題のある表現がありましたら、お問い合わせいただけますと幸いです。

f:id:FULOG:20170814115705j:plain

こんにちは、ブロガーのふーです。

最近、横長の大きな広告を見るようになりました。どうにかして当ブログに表示させられたので、「横長の大きな広告を表示させる方法」をまとめます!

 

 

 

横長の広告って見たことありますか?

見たことが無い方のために載せておきます。

f:id:FULOG:20170814114747j:plain

多分このページだと原寸で表示できていないと思います。枠の中に書いてある、970px✕250pxが原寸の大きさで、当ブログをPCで見た時にップページの上部とフッターに表示されているのがこの広告です。

 

これです

f:id:FULOG:20170819061102j:plain

 意外と大きいですよね。まだ設置したばかりなので効果はわかりませんが、大きく目立つので効果はありそう、、、。

 

 

作り方

さて、実際にどうやって表示させるのか説明していきます。

 

 

Google AdSenseの管理ページにアクセスし、以下の順に操作します。

 

 

「広告の設定」

f:id:FULOG:20170814112858j:plain

 

 

「広告ユニット」→「新しい広告ユニット」

f:id:FULOG:20170814112900j:plain

 

 

 

「テキスト広告とディスプレイ広告」

f:id:FULOG:20170814112902j:plain

 

 

ここで広告の大きさを選びますが、ここでは「レスポンシブ」を選択します。他のサイズのものでは表示できませんのでご注意を

f:id:FULOG:20170814112904j:plain

そのまま「保存して コードを取得」します。

 

そして、ここで取得したコードの一部を変更します。

 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- テスト -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-123456789101234"
data-ad-slot="12345678910"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

広告のコードをみるとこのようになっていると思いますが、ここの「data-ad-format=”auto”」 の「auto」の部分だけを変更します。

 

横長の大きな広告にしたい時には「auto」を消して「rectangle」と入力します。これだけで広告はそのスペースに合った大きさで表示されます。

 

あとは、このコードを表示させたい場所に埋め込むだけです。

 

 

他にも

  • 縦長→vertica
  • 横長→horizontal

とカスタマイズが可能です。その場所にあったカスタマイズができて、広告の位置や大きさを自由にカスタマイズできそう。

ふー

ふー

Microsoft Power Platformを使ったり、ガジェットを買ったり、アニメ見たり、バイクに乗ったり、色々しています。

FOLLOW

カテゴリー:
関連記事

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA