ウェブ家の備忘録

ウェブデザイナーの備忘録

GoogleAdSenceの広告を横並び(ダブルレクタングル)する方法

 要はtableで横並びにするだけ。

①ヴァニラ
<table>
<tr>
<td style="0px none;">
  広告1
</td>
<td style="0px none;">
  広告2
</td>
</tr>
</table>
②組み込み
<!--▼▼▼横並び広告▼▼▼-->
<table><tr><td style="0px none;">
  広告1
</td><td style="0px none;">
  広告2
</td><td style="0px none;">
  広告3
</td></tr></table>
<!--▲▲▲横並び広告▲▲▲-->

③JavaScriptで <!--▼▼▼横並び広告▼▼▼--> <script> function advStart(){document.write('<table><tr><td style="0px none;">');} function advProg (){document.write('</td><td style="0px none;">' );} function advEnd (){document.write('</td></tr></table>' );} </script> <script>advStart();</script> 広告1 <script>advProg();</script> 広告2 <script>advProg();</script> 広告3 <script>advEnd();</script> <!--▲▲▲横並び広告▲▲▲-->

 プロジェクトでは①。個人で使うとすれば②。③は好きな人だけ、スコープ汚染を気にしない人向け。
 広告貼り付けたらどうやっても可読性死ぬだろうからコメントで「■●▲▼」多用して何とか可読性を誤魔化してやっていくしかないかもしれない。

コメントで可読性を誤魔化す例
<!--▼▼▼▼▼▼横並び広告▼▼▼▼▼▼-->
<!--▼▼▼広告始め▼▼▼--><table><tr><td style="0px none;">
  広告1
<!--●●●広告経過●●●--></td><td style="0px none;">
  広告2
<!--●●●広告経過●●●--></td><td style="0px none;">
  広告3
<!--▲▲▲広告終わり▲▲▲--></td></tr></table>
<!--▲▲▲▲▲▲横並び広告▲▲▲▲▲▲-->

 ……思った以上にダサくて恥ずかしい。