2014年10月11日

AdSenseのレスポンシブ広告設定

MY WEBSITE, GROOVESTERのAD設定を
ちょっといじった、NOW.

AdSenseのADの、
レスポンシブ広告を設定したのである！

『メテ乙女』OFFICIAL WEBSITEを作った時に、
２月３日の記事で書いたように、
私が手がけるWEB SITEはレスポンシブWEBデザイン設定をしており、
PCから見た時はPC仕様に、
スマホから見た時はスマホ仕様に、
最適化されて閲覧がデキるよう仕組んである。

ソレに広告も対応させた次第。

設定方法は・・・
AdSenseの管理画面から、
「広告の設定」に進み、
「新しい広告ユニット」をSELECT.
表示された多くの広告種類の中から、
「レスポンシブ」をSELECT.
　※冒頭のCAPTURE参照.

で、
表示されたCODEを自分のWEBSITEに貼ればOK！

早速、
表側の画面で確認してみたところ、
見事に反映されている。

PCで見た時は、横長に、
スマホで見た時は、CONPACTに表示中♪

これで、PERFORMANCEの最大化が可能になるかと。

P.S.

さて、
そもそもなぜレスポンシブWEBデザインか、
ということも書いておくと・・・

スマホユーザーが急増した近年、
スマホからWEBSITEを見た時に、
単純にPC仕様のままで見せるのは不親切だから。
一方、PCはPC、スマホはスマホで別々にデザインするのは、
非常にメンドーだw
そこで、レスポンシブデザインの仕組みを使えば、
１つ分だけ作ってPC・スマホに自動的に反映デキる！
「１SOURCE MULTI USE」、
（労力の最小化と充実化 & 生み出す価値の最大化）、
という私の考え方にもハマるから。

P.S. 2

余談だが、
コノBLOGの右サイドのADの幅を
120PXから160PXへと広げてみたw

MY WEBSITEは仕組みも内容も私独自に制作しているが、
コノBLOGは、LIVEDOORの仕組みを借りて運営しており、
ADは、PC・スマホそれぞれ別設定である。