忍者ブログ
ADMIN | WRITE| RESPONSE
[PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

自分の管理するサイトには、Adsenseリンクユニットを貼っていなかったのだけど、意外と収益力が侮れないということで、リンクユニットを設置することに。

ただ、できればPC版では横長のリンクユニットを、スマホでは長方形のリンクユニットをというように表示を切り替えたい。

WordPress標準関数でモバイルが切り分けられるけれど、これだとiPadもモバイルと判定されてしまう。

単純にディスプレイ幅で切り分けたいのでJavaScriptで判定することに。

レスポンシブ対応のリンクユニットにあったサンプルで切り分けができた。

<script type="text/javascript">
    google_ad_client = "ca-pub-0000000000000000"; // ここに自分のIDを入れる
    width = document.documentElement.clientWidth;
    google_ad_slot = "0000000000"; //ここにモバイル用のSlot IDを入れる
    google_ad_width = 200;
    google_ad_height = 90;
    if (width > 500) {
        google_ad_slot = "0000000000"; //ここにPC用のSlot IDを入れる
        google_ad_width = 468;
        google_ad_height = 15;
    }
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

横長(大)を表示できるように、さらにif文を追加することもできるけど、自分は本文のカラムに収めたかったのでこれで良しとした。
PR
この記事にコメントする
HN:
TITLE:
COLOR:
MAIL:
URL:  Vodafone絵文字 i-mode絵文字 Ezweb絵文字
COMMENT:
PASS:

Powered by 忍者ブログ  Design by まめの
Copyright © [ Traveler's memo ] All Rights Reserved.
http://shaitkennomemo.sugo-roku.com/