「サンプルウィジェット02」ウィジェットテンプレートにGoogleアドセンス250X250を設定する

サイドメニューのカスタマイズ。

サイドメニューは、Eigerテンプレートでは、ウィジェットセット「関連コンテンツ」で設定されている。

メインページ(トップページ)と他のアーカイブテンプレートのウィジェットセットの構成が若干違っている。

  • 関連コンテンツ(インデックス) → メインページテンプレートとウェブテンプレート
  • 関連コンテンツ(ブログ) → 上記以外のテンプレート

関連コンテンツ(ブログ)には、ウィジェットモジュール「サンプルウィジェット02」があり、デフォルトではグレーの正方形の画像が挿入されている。

ここにGoogleアドセンスの250x250バナー広告を適用してみる。

250pxなので、通常のアドセンスコードを利用する。ベータ版である非同期版コードを採用。

アドセンスから、非同期コードを取得。

eiger-adsence01.jpg

デザイン > ウィジェット > サンプルウィジェット02 にアクセスし、

画像のタグの部分に取得したコードを上書き。

サンプルウィジェットのタイトルを削除して、「広告」 → 「-PR-」

eiger-adsence02.jpg

[保存]して、ページを再構築する。

サイドメニューに、アドセンス広告が表示される。

eiger-adsence03.jpg

サイドメニューは、スマートフォン表示になっても、320px以下なので、画像の縮小などの変更は行われない。

そのため、メニューはコンテンツの下部に表示されるものの、画像やバナーなどの大きさは、PCで見るサイズと変わらない。