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

   

WPtouchとは

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

<WPtouch無し>
IMG 0363


<WPtouch有り>
IMG 0364

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


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

[Google Adsense]を表示される方法は2通りあります。
  • WPtouchの管理画面から設定させる
  • WPtouchプラグイン内のHTMLを変更する

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】

コード内の処理(だいたい32行目辺りに挿入する)
<!-- Let's check for DISQUS... we need to skip to a different div if it's installed and active -->		
		<?php if ( 'open' == $post->comment_status &amp;&amp; bnc_can_show_comments() ) : ?>
			<?php if (function_exists('dsq_comments_template')) { ?>
		 		<a href="#dsq-add-new-comment">&amp;darr; <?php _e( "Skip to comments", "wptouch" ); ?></a>
			<?php } elseif (function_exists('id_comments_template')) { ?>
				<a href="#idc-container-parent">&amp;darr; <?php _e( "Skip to comments", "wptouch" ); ?></a>
			<?php } elseif (isset($post->comment_count) &amp;&amp; $post->comment_count == 0) { ?>
				<a href="#respond">&amp;darr; <?php _e( "Leave a comment", "wptouch" ); ?></a>
			<?php } elseif (isset($post->comment_count) &amp;&amp; $post->comment_count > 0) { ?>
				<a href="#com-head">&amp;darr; <?php _e( "Skip to comments", "wptouch" ); ?></a>
			<?php } ?>
		<?php endif; ?>
		</div>
	</div>

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

        	<div class="post" id="post-<?php the_ID(); ?>">
         	<div id="singlentry" class="<?php echo $wptouch_settings&#91;'style-text-justify'&#93;; ?>">
            	<?php the_content(); ?>				
			</div>  
            
<!--記事下のこのあたりにGoogle Adsenseのコードを挿入 -->           
            
            
            
            
<!-- Categories and Tags post footer -->    

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

今回、参考にしたサイト



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

Related Posts Plugin for WordPress, Blogger...