カテゴリー
エッジプラス1テンプレートの質問

ウィジェット広告エリアのアドセンス対応について

ご利用のテンプレート:エッジプラス1テンプレート各種
ご利用のサーバー:
ご利用のURL:
お客様のスキル:「HTML・CSSくらいなら編集できる」
ご質問内容:

お世話になっております。

エッジプラス1テンプレートのウィジェット、広告を貼るスペースについてお尋ねします。

以前、アドセンスに対応するということを書かれていましたが、まだ未対応でしょうか?

300×250のアドセンス広告を入れたいのですが。

「ウィジェット広告エリアのアドセンス対応について」への6件の返信

お世話になっております。

300×250の広告を貼る方法という事ですが、
固定サイズの広告を貼る方法ではなく、
サイドバーの横幅に合わせたサイズにする方法(レスポンシブに対応させる方法)です。

300×250の広告でもサイドバーの横幅が220pxだったらそれにあわせる方法という事になります。
そのやり方の説明ページを途中まで作ってあるのですが、まだ未完成です。。
申し訳ありません。。

できれば今日中に仕上げて閲覧可能にしておきますので、
よろしくお願い致します。

テンプレートファイルe_ver002_bを最新のものに更新し、上記ページを参考にアドセンスを貼りましたところ、サイドバーにアドセンスは確かにおさまりました。

ただ、もともとオプション設定画面よりトップ下に入れていたアドセンスのレスポンシブ広告が、PCで見ると縦長になってしまいました。
スマホではきれいに表示されています。

アップデート前は、トップ下にレスポンシブ広告を入れてもPCから見るときれいに横長に、スマホで見てもレクタングル型にきれい表示されていたんですが。

参りました。

お世話になっております。

すみません・・・たぶん私のミスです。。
先日cssを追加してる時に、
「このcssいらないな」って削除したアドセンス用のcssがあった気がします・・・

申し訳ありません。
お手数掛けてしまいますが、
cssを再び追加したテンプレートをアップしておきましたので、
ダウンロードしてアップデートしてください。

申し訳ありませんでした。。

お世話になります。

若干、方法を変更しましたので、
お手数ですが再度アップデートを行ってから下記の方法を試していただけますでしょうか?
申し訳ありません。

サイドバーとメインエリアのサイズを統一することができないので、
新たにcssを追加してどちらにも対応できるようにしました。

アップデート後、サイドバーのアドセンスコードにclassを追加していただくだけです。
「width:300px;height:250px」を削除するというところまでは手順が同じですが、
その後に「ad2」というclassを追加してください。

下記のような記述になります。

メインエリアのアドセンスコード(レスポンシブ用)はそのまま変更や修正などせず、
googleが発行したコードをそのまま記述してください。

このようにするとメインエリアのアドセンス広告もサイドバーのアドセンス広告も、
ちょうど良いサイズになると思います。

小技集の「サイドバーにレスポンシブ対応のアドセンス広告を貼る方法」を改定しましたので、
参考になさってください。

ですが、Google発行のレスポンシブコードをメインエリアにそのまま記述した時、
タブレットサイズでの表示の場合は、下のように正方形に近い大きめのバナーが表示される確立が高いです。

ads_002

これはサイトが表示された瞬間にDivのサイズを認識し、
google側がランダムでそのDivのサイズにあわせたバナーを表示させています。
ですので、こちらがサイズを制御することができません。

一応はGoogleのバナーのサイズをcssで無理やり制御することもできます。
例えば高さ100pxまでにしか広がらないようにするということもできますが、
そうするとサイドバーに入れたgoogle発行のレスポンシブバナーまで、
高さ100pxに固定されてしまいます。

縦長のレスポンシブバナーを表示させたい他のお客様に影響がでてしまいますので、
Google発行の元々のレスポンシブコードに制御はかけませんでした。

表示がおかしいなどありましたら、再度修正しますのでご連絡ください。
お手数を掛けてしまっていますが、よろしくお願いします。

コメントを残す