WPtouchの画面にGoogle Adsense(アドセンス)を表示させる方法

Wordpress wordpress

WPtouchとは

Wordpressで作ったブログをスマートフォンに対応させる際にWPtouchという便利なプラグインがあります。 自動的に、ブログをスマートフォン向けにしてくれる便利なツールで、wordpressの参考書にはほとんどといっていいほど紹介されています。

＜WPtouch無し＞ IMG 0363

＜WPtouch有り＞ IMG 0364

とてもシンプルなページに生まれ変わるのですが、色々な部分が省略されてしまい、特に[Google Adsense]の表記がなくなってしまいます。（amazon.comのアフィリエイトは残ります)

WPtouch上に[Google Adsense]を表示させる

[Google Adsense]を表示される方法は２通りあります。

WPtouchの管理画面から設定させる

まずは[Google Adsense]の画面に入れ、以下の「サイト運営者ID」と効果測定をする場合は「カスタムチャネルのID」を調べます。

「サイト運営者ID」は画面の右上にあります。 2012 12 26 554

カスタムチャネルIDはカスタムチャネルの中にあります。 2012 12 26 54 2

上記のIDをWordpress内の、WPtouchの設定画面に入力します。 スクリーンショット 2012 12 26 10 10 3

これで、Wptouch内に[Google Adsense]の広告が載ります。

2012 12 26 554

WPtouchプラグイン内のHTMLを変更する

通常のように、[Google Adsense]のコードを直接挿入します。 ファイルの場所は以下のように進んでいきます。 【plugins】=>【wptouch】=>【themes】=>【default】=>【single.php】

コード内の処理（だいたい３２行目辺りに挿入する) [c]


<?php if ( 'open' == $post->comment_status && bnc_can_show_comments() ) : ?> <?php if (function_exists('dsq_comments_template')) { ?> &darr; <?php e( "Skip to comments", "wptouch" ); ?> <?php } elseif (function_exists('id_comments_template')) { ?> &darr; <?php e( "Skip to comments", "wptouch" ); ?> <?php } elseif (isset($post->comment_count) && $post->comment_count == 0) { ?> &darr; <?php e( "Leave a comment", "wptouch" ); ?> <?php } elseif (isset($post->comment_count) && $post->comment_count > 0) { ?> &darr; <?php e( "Skip to comments", "wptouch" ); ?> <?php } ?> <?php endif; ?> 

    <div class="clearer"></div>
        <?php wptouch_include_ads(); ?>

        <div class="post" id="post-<?php the_ID(); ?>">
        <div id="singlentry" class="<?php echo $wptouch_settings['style-text-justify']; ?>">
            <?php the_content(); ?>             
        </div>


[/c]

このように記事下に広告が表示されるようになります。 2012 12 25 ffdd

今回、参考にしたサイト

ますますスマートフォンが普及してきていますので、このような対策はしっかりしていきたいですね。