【WPtouch】新バージョン(3.1)でAdsense広告を挿入する方法

WordPressプラグイン画像ども、ハヤトです。

今回は新しくアップデートされたWPtouch(3.1.1)でAdsense広告を挿入する方法について解説していきます。

 

 

WPtouchがアップデートされてフラットデザインで綺麗になったわけですが、ファイル数も多くなり以前までのAdsense広告を挿入する方法が使えなくなりました。

僕自身はレスポンシブのテンプレートを使用しているので、現在WPtouchは利用していませんが講座参加者に配布しているRefineテンプレートや一般のテンプレートを使用している場合、WPtouchを利用する機会は多いと思います。

 

ということで今回はWPtouch(3.1.1)でAdsense広告を挿入する方法について解説していきます。

WPtouchの設定方法についてはこちらの記事を参考に。

Adsense広告を最も簡単に挿入する方法

まずはサクッとAdsense広告を挿入する方法について。

一番簡単なのは「WPtouch」⇒「Theme Settings」⇒「Branding」でTheme Footerの部分にコードを挿入する方法。

 

ここに

<div align=”center”>
Sponsored Link
<p>
アドセンス広告コード
</p></div>

と書き込んで「Save Changes」をクリック。

 

これでフッター部分に広告が表示されるようになります。

 

 

ただこの方法だとコメントよりも下、最下部なのでクリック率が気になる・・・ということでもう一つ別の方法も紹介しておきましょう。

 

phpを編集して記事下、記事上に広告を挿入する方法

phpを編集して記事下、記事上に広告を挿入していきます。

変更するのは

/あなたのドメイン/public_html/wp-content/plugins/wptouch/themes/bauhaus/default

ファイルの中にあるsingle.phpです。

 

そのまま編集しても反映されない場合が多いので、一旦ダウンロードしましょう。

いきなりsingle.phpを編集していってもいいんですが、念のためコピーを作っていつでも元に戻せるようにしておいた方が賢明です。(今回はDreamweaverで編集しているのでファイル表示がこの形になっています。開くのはTeraPad等テキストファイルでOK)

 

ファイルをコピーしておく

 

それではsingle.phpを開いて編集していきます。

 

まずは記事下に広告を挿入する位置はこちら。

 

 

62行目あたりに

</div>  <!– content –>

とあるので、この間に広告を挿入します。(<!– content –>はここまでがコンテンツですよって意味の表示)

 

今回は見やすいように改行を入れています。これで保存後アップロードすれば記事下に広告が表示されます。

 

 

同様に記事上に広告を入れる場合も解説しておきます。が、どうしてもソーシャルへのリンクが本文との間に入るので、気になる方はリンクを削除(「Theme Settings」⇒「Branding」⇒「Sharing」のチェックを外す)してしまうのも1つの手です。

上で紹介した位置(Adsense記事下)にSocial Bookmarking Lightを入れる方がシェアされやすいでしょうし。

 

ということで同じくsingle.phpで位置はこちら。

 

41行目辺りに

<?php wptouch_the_content(); ?>

という部分があります。

ここが記事の部分に当たるのでこの直前部分にコードを挿入します。

 

 

<?php } ?>の直後です。間違えないように。

これで記事上にも広告が表示されるようになりました。

 

 

シェアリンクが気になる場合は削除してしまいましょう。

ちなみに今回使用した広告サイズは300✕250(レクタングル中)になります。自サイトのデザインに合わせて調節してください。

 

まとめ

まだ12月6日にアップデートされたばかりなので、今後も引き続きアップデートが来るでしょう。(不具合もあるようなので)

ただそれまで広告出ないのはやっぱり辛い、ということで必死に調べてみましたが、アップデートの度に編集する必要が出てきます。

アップデートの度に編集は面倒かもしれませんが、今やアクセスの半分はスマホユーザーと言っても過言ではないので、しっかり対策はしておきたいですね。

 

【追記】

記事は3.1.1バージョン時に書いたものですが、その後のアップデート後でも同様の方法で広告を挿入できます。

 

【さらに追記】

質問があったのでヘッダー部分、トップページ部分に広告を挿入する方法を調べてきました。(WPtouchのヘッダー、トップページにアドセンス広告を挿入する方法)参考にどうぞ。

最後までお読み頂きありがとうございます!

今回の記事が役に立った!という場合は以下のボタンから、ソーシャルメディアでのシェアよろしくお願いします。ありがとうございます!

ブログランキングにも参加中。1.3秒で済むので応援クリックよろしくお願いします!

関連するこちらの記事も合わせてどうぞ

レポート無料配布中

メルマガ登録

*メールアドレス
*お名前(姓・名)

12 Responses to “【WPtouch】新バージョン(3.1)でAdsense広告を挿入する方法”

  1. rk より:

    初めまして
    検索で飛んできました。

    いきなりの質問と初歩的な質問で申し訳ないのですが、記事下のアドセンスの貼り付けに関してお聞きしたいです。

    広告の上のSponsored Linkとアドセンス自体が左側に寄っているのですがphpの編集を間違えてしまったのでしょうか??
    あと、Sponsored Linkを日本語表記にすると文字化け?してしまうのですがどうすればいいでしょうか?

    簡単なことでの質問申し訳ありませんm(__)m

    • ハヤト より:

      rkさんコメントありがとうございます。

      左に寄ってしまうのはタグを使えば解決できます。
      僕の場合は

      <div align=”center”>
      Sponsored Link
      <p>
      Adsense広告コード
      </p></div>

      でdivタグを使って中央寄せにしてあります。
      参考にどうぞ^^
      (コピペする場合は<を半角に編集しておいてください)

      日本語の文字化けは編集する時の文字コードを「UTF-8」というのに設定すれば大丈夫だと思います。普通のメモ帳だと変更出来ないのでTeraPadというフリーのテキストエディタを使ってみてください。

  2. k より:

    WPtouchで見ると、記事中の画像下に行間が空いてしまうのですが、
    行間が空かないようにする方法わかりますか?
    助けて下さい。

    • ハヤト より:

      kさん
      記事中の画像下に行間が空いてしまう、ということですが、
      おそらく画像配置の方法が関係していると思います。

      ただこの情報だけだと詳しく分からないので、
      お問い合わせフォームから個別に連絡ください。

  3. アップグレードしたWPtouchにGoogle AdSenseコードを簡単に挿入する方法 | INTERNET HACK(インターネット・ハック) より:

    […] ハヤトさんの記事:【WPtouch】新バージョン(3.1)でAdsense広告を挿入する方法 | ネットビジネス初心者が迷わず結果を出すための指針「ネットビジネスログポース」.にWPtouch自体にAdSense […]

  4. ハル より:

    どうもはじめまして。
    とても参考になる情報ありがとうございます。
    質問なのですが、
    WPtouchの新バージョンでトップページにアドセンスを表示する方法を教えてください。
    トップページの下には表示できるのですが、上とか中にアドセンスを表示する方法を教えてください。
    よろしくお願いします。

    • ハヤト より:

      ハルさんコメントありがとうございます。
      トップページにアドセンスを表示する方法・・・ちょっと調べてまとめてみますね。

  5. […] 入れる場所は【WPtouch】新バージョン(3.1)でAdsense広告を挿入する方法 | 「ネットビジネスで稼ぐ」を考えるハヤトのブログで詳細を確認してください。 […]

  6. marurun より:

    はじめまして。
    FFFTPをインストールしたばかりの初心者です。
    今まではFC2ブログでやっていたのでホームページも作り始めたばかりです。
    参考にさせてもらいました。
    single.phpのところにアドセンスのタグを入れて保存までしたのですが反映されません。
    『保存後のアップロード』と書いてあるのでそれができていないのだと思うのですが、アップロードとはどのようにするのでしょうか?
    初歩的な質問で申し訳ないのですが、良かったら教えてください。

    • ハヤト より:

      single.phpを編集したって事はダウンロード(デスクトップ上に)をしたかと思います。それを元のサーバー上に戻すだけです。(この時にFTPソフトを使います)

      FTPソフト上で編集すると反映されない場合があるので、ダウンロードしていないのであればダウンロードしてから編集してみてください。

      ・・・というので良く分からない場合は個別にお問い合わせフォームから連絡お願いします!

      • marurun より:

        ありがとうございます!
        なんでできないか分かりました。
        私の場合ブログではなく固定ページでした。
        なのでsingle.phpじゃなく別のとこに入れなきゃいけなかったようです(><)
        きっとブログの方には反映できていたのだと思います。
        FTPソフトの使い方もあやふやだったので使い方が悪い性だと思って気が付きませんでした。
        お騒がせいたしました・・・。
        ありがとうございました☆

コメントを残す

サブコンテンツ

このページの先頭へ