cc「GoogleAdSense」コードの記載、広告ユニットのサイズも多く、Google推奨の「728×90」ビッグバナーを貼りたいと思っても、レイアウト変更が必要になったりすることが多いと思います。サイドヘッダーのコードの記載方法と、CSSレイアウトの変更方法を記載します。サイドバー上部に「GoogleAdSense」を貼る日本国内問わず、個人のブログサイトでもサイドバー上部の「GoogleAdSense」はよく見かけますよね。当ブログでも、「336×280」(レクタングル大)を貼っています。サイドバーのクリック率は、当ブログではそれほど高くはないですが、貼っておいても損はないと思います。Widget」というテキストウィジェットでPHPを実行させることのできるWordPressプラグインを使います。インストールしてない方は、プラグインをインストールしましょう。Widget」に、GoogleAdSenseのコードをそのまま貼り付けましょう。Twelveのデフォルトのサイドバーの幅は「250px」なので、「300×250(レクタングル中)」を貼るとはみ出してしまうので、サイドバーを広くする必要があります。デフォルトのレイアウトは以下になります。250pxデフォルトの状態では、メインコンテンツとサイドバーを足しても「875px」なので、全体幅を広げなくてもサイドバーを「300px」にすることができます。メインコンテンツとサイドバーの間隔が狭まるので、気になる方は全体幅を広げるなど調整していただければと思います。スタイルシート「style.css」の変更レイアウトを以下に変更します。」付近の以下の「.widget-area」行のwidthを以下のコードに変更します。31.25%;.widget-areaの計算式は以下になります。(wiget-areaの幅/siteの幅(全体幅))*100になります。Widget」に、レクタングル大のGoogleAdSenseのコードをそのまま貼り付けましょう。TwentyTwelveのレイアウトデフォルトのサイドバーの幅は、「250px」なのでレクタングル大の広告ユニットははみ出してしまいます。スタイルシート「style.css」の変更レイアウトを以下に変更します。全体幅を広げて、メインコンテンツの幅は変更せずサイドバーの幅を広げています。」付近の以下の「.widget-area」「.site-content」「.site」の値を以下に変更します。計算式は、「コンテンツ幅/$rembase」になります。TwentyTwelveの「$rembase」は14です。今回、1000pxにするので「1000/14=71.428571428rem」となります。個別記事に「GoogleAdSense」を貼る記事上の「GoogleAdSense」はWebサイト、ブログなどで最もよく見かけると思います。当ブログも記事上にビッグバナーを貼り付けています。クリック率も、サイドバーよりも高く当ブログでは3番目にクリック率が高いです。ビッグバナーもありますが、ブログのレイアウトを変更しなければならなかったりと面倒な部分が難点ですよね。TwentyTwelveのテーマを用いてテーマのレイアウト変更、「GoogleAdSense」の配置も含めて解説していきます。記事のどこに「GoogleAdSense」を貼るか一番悩むところです。セオリー的に効果的な広告掲載位置は、ページを開いて直ぐ目に入る位置です。今回は記事のタイトル下に配置します。記事上に「728×90」以下の広告ユニットを貼るTwentyTwelveの場合記事幅が「625px」あるので、横幅「625px」以下の広告についてはレイアウト変更をすることなく、「GoogleAdSense」を貼ることが可能です。Twelveの場合、個別記事のカスタマイズは「content.php」ファイルで行います。個別記事のカスタマイズ「content.php」の変更TwentyTwelveでの、個別記事は写真が表示された後に記事タイトルが表示されるので、レイアウト変更を合わせて行います。編集する前に「content.php」ファイルのコピーを取ります。class=”entry-title”」の間の行を削除し以下のコードを挿入します。「GoogleAdSense」コードはご自身のコードを入れて下さい。必要に応じて、margin,paddingなどで広告位置を調整してください。10pxを取る場合の例を記載します。編集するまえに「style.css」ファイルのコピーを取ります。queries」行の前に記述します。記事下に「728×90」以下の広告を貼る記事下の広告は、当ブログでも一番クリック率が高いです。TwentyTwelveの場合少し個別記事「content.php」のカスタマイズが必要です。class=”entry-content”></div>です。AdSense」を表示する方法を記載します。「content.php」の修正1「content.php」ファイルのコピーを取ります。AdSense」コードはご自身のコードに入れ替え、以下のコードを挿入します。AdSense」の広告が表示されるようになります。個別記事上の広告が不要であれば、上記コードの5行目〜19行目を削除してお使いください。「content.php」の修正2トップページの一覧表示に、メインコンテンツが表示されないようにします。*/?>」を追記します。「728×90」ビッグバナーを貼るには、レイアウト幅を変更する必要があります。TwentyTwelveのデフォルトのレイアウトは以下になります。250pxビッグバナーを設置するに伴い、以下のレイアウトに変更します。スタイルシート「style.css」の変更スタイルシートを変更する前に、「style.css」のコピーをとりましょう。変更する値は以下のとおりです。」付近の以下の「.site」「.site-content」「.widget-area」行のwidthを以下のコードに変更します。個別記事ページのカスタマイズ「content.php」ファイルのコピーを取ります。AdSense」コードをご自身のコードに入れ替え、以下のコードを挿入します。AdSense」の広告が表示されるようになります。個別記事上の広告が不要であれば、上記コードの5行目〜19行目を削除してお使いください。AdSense」を変更することをお勧めします。Twelveでモバイルバナーを設置する方法」をご覧ください。AdSense」をこれから始めようと思う人に最適な書籍です。@in44y1SNSでフォローしようTwitterFacebookFeedlyこの記事を書いた人in44y海外ボクシング情報を中心に書いているブロガー。年末に2000フォロワーを達成することが目標!最新の海外ボクシング情報は、twitterでつぶやきます。Adsenseのレクタングル大をサイドウィジェットエリアに表示する。in44yさんのサイトを参考にして、最後にちょっと追加しています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。