【WordPress】パソコンとスマホで別々のアドセンスを表示させる方法!

パソコンとスマホのアドセンスのサイズを切り替える方法

こんにちは、@NewsBank7です。

レスポンシブデザインを採用しているWordpressテーマで、パソコン表示とスマホ表示で別々のアドセンスを表示させる方法を紹介していきます。

レスポンシブデザインを使っている場合、そのままアドセンスをはるとパソコンサイトとスマホサイトで同じアドセンスが表示されてしまいます。

それでも問題ないのであれば別にいいのですが、パソコンでは大きなサイズの338×280のアドセンスを使いたかったり、ダブルレクタングルにするなど、スマホとは違ったサイズのアドセンスを使いたいって方もいるかと思います。

そこでレスポンシブデザインでもパソコンとスマホで別々のアドセンス表示させることができる、Wordpressの独自関数である「wp_is_mobile」を使っていきたいと思います。

覚えておきたいwp_is_mobileの3パターン

ここでは「wp_is_mobile」を使った非常に便利な3パターンをご紹介したいと思います。

(1)スマホ表示でのみアドセンスを表示したい場合

<?php if (wp_is_mobile()) :?>
アドセンスコード
<?php endif; ?>

(2)パソコン表示でのみアドセンスを表示したい場合

<?php if (!wp_is_mobile()) :?>
アドセンスコード
<?php endif; ?>

(3)パソコン表示とスマホ表示で別のアドセンスを表示する場合

<?php if (wp_is_mobile()) :?>
アドセンスコード(スマホ)
<?php else: ?>
アドセンスコード(パソコン)
<?php endif; ?>

管理人みずほのぼやき

FJw4R4Lj

「wp_is_mobile」はWordpress独自のものですが非常に便利な関数です。

この記事ではアドセンスを例に説明しましたが、アドセンス以外のコンテンツでも応用して使うことができる関数です。

ぜひ記事内で紹介した3パつのターンは覚えておきましょう!!

スポンサードリンク

1 個のコメント

  • 名無しさん より:


    アドセンスコード(スマホ)

    アドセンスコード(パソコン)

    の下にmoreタグを入れると崩れてしまうのですが、どのように修正すればよろしいでしょうか?

  • コメントを残す