ワードプレスでサイトをつくる時に必要なこと

どうやってサイトを作っていけば良いのか、つまづきそうな所を集めた覚書です。 とりあえず自分が振り返った時に、このサイトを見れば大丈夫という感じにしていきます。

【アドセンス】パソコンでは336×280のダブルレクタングル、スマホでは300×250のアドセンスのみを表示させるコード

   

レスポンシブデザインのテーマでパソコンとスマホで表示を変えるには、wp_is_mobile関数を使う。

パソコンとスマホでテーマが違う場合は、それぞれのテーマに目的のアドセンスコードを貼ればOK。

なんでこういうことをするのかと言うと、スマホ表示で縦に2つのアドセンスが並ぶのは規約違反だから。

single.phpの記事下部分に以下のコードを貼り、自分のアドセンスコードを埋め込むと完成。

—————————————-

<?php if (wp_is_mobile()) :?></p>
<thead style=&quot;font-size:7px;&quot;>
<tr>
<th>スポンサーリンク</th>
</tr>
<p></head></p>
<p>スマホ表示用アドセンスコード(300×250)</p>
<p><?php else: ?></p>
<p style=”font-size:5pt; color:#999999″><center>スポンサーリンク</center></p>
<table cellspacing=&quot;15&quot;>
<table>
<tr>
<td>
<p>パソコン表示用アドセンスコード(左側)(336×280)</p>
</td>
<td>
<p>パソコン表示用アドセンスコード(右側)(336×280)</p>
</td>
</tr>
</table>
<p><?php endif; ?>

—————————————-

これで、パソコンから見ると336×280のダブルレクタングル表示、スマホから見ると300×250のアドセンス表示になる。

貼る場所は、記事下がベスト。

 - Googleアドセンス , , , , ,

スポンサーリンク

スポンサーリンク

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

no image
【アドセンス】Googleアドセンスに楽天市場の広告を表示させない方法

Googleアドセンスに表示される『楽天ウィジェット』の広告をクリックされても、 …